zoukankan      html  css  js  c++  java
  • 常用的

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

    #border-circle-radius{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-218px; max-height:248px; _ expression(this.width > 218 ? 218 : true); _height: expression(this.height > 248 ? 248 : true);}

    头部尾部嵌入

    <!-- 头部通用 start -->
      <div style="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; 45px; text-align:right; color: #000; font-weight:bold;}
    text-align 属性规定元素中的文本的水平对齐方式

    .select2{ 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;}

  • 相关阅读:
    黑苹果崩溃恢复
    黑苹果声音小解决方法
    idea plugin 进度条
    phpstorm 插件
    awesome mac
    webstorm vue eslint 自动修正配置
    Laravel/php 一些调试技巧
    php ZipArchive 压缩整个文件夹
    laravel 模型事件 updated 触发条件
    php 开启 opcache 之后 require、include 还会每次都重新加载文件吗?
  • 原文地址:https://www.cnblogs.com/tantry/p/2735551.html
Copyright © 2011-2022 走看看