很多 CSS 初学者在前端开发过程中,经常会用到 CSS 虚线样式,但是不知道 CSS 虚线样式该如何实现,比如一个 CSS 这样写:border-style:dotted solid double dashed;
出来的框就是:上边框是点状,右边框是实线,下边框是双线,左边框是虚线,如果一个 CSS 这样写:border-bottom:1px
dashed #000000;出来的框就是一条宽度为1像素的黑色下划虚线··· CSS 关于“线”的类型还真是挺多的,其中新手们比较关注的还是“虚线的实现方法”。
none
时边框才可能出现。
border
控制虚线。以下配置的 CSS 高度(CSS height)和 CSS 宽度( CSS width)为350像素。
border:1px dashed #000;
黑色虚线边框
实例:
.hackhome{border:1px dashed #000; height:50px;width:350px}
hackhome
挑选器四边边框为1px的黑色虚线边框
.hackhome-1{border-left:1px dashed #000; height:50px;width:350px}
.hackhome-1{border-right:1px dashed #000; height:50px;width:350px}
.hackhome-1{border-top:1px dashed #000; height:50px;width:350px}
.hackhome-1{border-bottom:1px dashed #000; height:50px;width:350px}
border-style:dotted solid double dashed;
border-style:dotted solid double;
border-style:dotted solid;
border-style:dotted;
a {
color:#3399FF;
font-weight:Normal;
text-decoration:none;
}
a:hover {
color:#4499EE;
text-decoration:none;
border-bottom: 1px #0099CC dotted
}
a{}控制连接的效果 a:hover{}控制鼠标移上去的效果。
<hr align=left width=490 color=#990099 SIZE=3 noShade>
<HR align=center width=1 color=red size=100>
<hr size=1 style="color: blue;border-style:dotted;width:490">
<hr size=1 style="COLOR:#ff9999;border-style:double;width:490">
CSS Padding(填充)CSS Padding(填充)属性定义元素边框与元素内容之间的空间。 Padding(填充) 当元素的 Padding(填充)(...
我们在使用 CSS 来布局时经常需要进行居中,有时一个属性就能搞定,有时则需要一定的技巧才能兼容到所有浏览器,利用 CSS 来实现...