常用的

圆角的一个小变通(画圆):

#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;}

posted on 2012-10-23 15:12  小怪兽打得过奥特曼  阅读(119)  评论(0编辑  收藏  举报