常用的
圆角的一个小变通(画圆):
#border-circle-radius{width:200px;height:200px;border-radius:100px;}
全圆角:
#border-radius{border-radius:10px;}
投影:
{
box-shadow: 0 1px 3px rgba(34, 25, 25,
0.2)
}
图片等比例缩放
.mid_right_04 img{max-width:218px; max-height:248px; _width: expression(this.width > 218 ? 218 : true); _height: expression(this.height > 248 ? 248 : true);}
头部尾部嵌入
<!-- 头部通用 start -->
<div style="width:100%; height:59px;
margin:0 auto; overflow:hidden;">
<iframe src="head_boy.html"
height="59px" width="100%" frameborder="0"></iframe>
</div>
<!-- 头部通用 end -->
表单对齐
<p>
<span>分类:</span>
<label>
<select
name="select2" class="select2">
<option>全部</option>
</select>
</label>
</p>
css中
. span{ line-height:20px;
display:inline-block; width:45px; text-align:right; color:
#000; font-weight:bold;}
text-align
属性规定元素中的文本的水平对齐方式
.select2{ width:63px; height:20px;
border:#adadad solid 1px; padding-left:5px; vertical-align:middle;}垂直对齐
透明度问题
.denglu_right img{ margin-bottom:15px; } .denglu_right img:hover{filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; _filter:alpha(opacity=60); _-moz-opacity:0.6; opacity:0.6;} |