本文介绍了几种实用的CSS样式技巧，包括创建遮罩层、定义虚线及虚线框的方法，以及如何使图片在页面中垂直居中显示。这些技巧对于前端开发者来说非常有用。
1.一个简单的遮罩层样式
#mask {
position: absolute;
z-index:1;
top: 0px;
left: 0px;
height:100%;
width:100%;
background-color:#000;
filter:alpha(opacity=60);
opacity: 0.6;
display:none;
}
2.定义一条虚线
<hr width="100%" size="1" noshade style="border:1px dashed #cccccc;">
3.定义一虚线框
form{ border: 1px dotted #AAAAAA; padding: 1px 6px 1px 6px; margin:0px; font:14px Arial;}
4.设置图片垂直居中
<img src="xxx.gif" style="vertical-align:middle;"/>
#mask {
position: absolute;
z-index:1;
top: 0px;
left: 0px;
height:100%;
width:100%;
background-color:#000;
filter:alpha(opacity=60);
opacity: 0.6;
display:none;
}
2.定义一条虚线
<hr width="100%" size="1" noshade style="border:1px dashed #cccccc;">
3.定义一虚线框
form{ border: 1px dotted #AAAAAA; padding: 1px 6px 1px 6px; margin:0px; font:14px Arial;}
4.设置图片垂直居中
<img src="xxx.gif" style="vertical-align:middle;"/>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
