这有点厉害的赶脚,我做Web开发这么久竟然没写出来。惭愧啊!下面贴出完整代码,请先思考,再看下面代码
/*制作导航分隔线效果*/
.nav li::before,
.nav li::after{
content:"";
position:absolute;
top:14px;
height: 25px;
width: 1px;
}
/*制作导航分隔线效果*/
.nav li::before,
.nav li::after{
content:"";
position:absolute;
top:14px;
height: 25px;
width: 1px;
}
2014-12-13
text-shadow:x-offset y-offset blur color
x:水平偏移距离
y:垂直偏移距离
blur:模糊距离,不能为负值
color:模糊色
x:水平偏移距离
y:垂直偏移距离
blur:模糊距离,不能为负值
color:模糊色
2014-12-13
border-radius是向元素添加圆角边框。
border-radius的值不仅能用px单位,你还可以用百分比或者em,但兼容性目前还不太好。
实心上半圆:
div{height:50px;/*是width的一半*/width:100px;background:#9da;border-radius:50px 50px 0 0;/*半径至少设置为height的值*/}
实心圆:
div{
height:100px;/*与width设置一致*/width:100px;background:#9da;border-radius:50px;/*四个圆角值都设置为宽度或高度值的一半*/}
border-radius的值不仅能用px单位,你还可以用百分比或者em,但兼容性目前还不太好。
实心上半圆:
div{height:50px;/*是width的一半*/width:100px;background:#9da;border-radius:50px 50px 0 0;/*半径至少设置为height的值*/}
实心圆:
div{
height:100px;/*与width设置一致*/width:100px;background:#9da;border-radius:50px;/*四个圆角值都设置为宽度或高度值的一半*/}
2014-12-09