常用CSS样式处理(一)

来源:互联网 发布:苹果乐器软件 编辑:程序博客网 时间:2024/05/22 14:35

1.ul标签控制每行显示几个li:

ul没有属性设置li的个数,但是可以通过设置宽度来控制:

如:<ul >

         <li> 元素1  </li>

         <li> 元素2    </li>

         <li> 元素3    </li>

         <li> 元素4    </li>

     </ul>

那么如果想让每行显示2个li内容可以这样:

<style>

     ul{

       width:100%

       }

     li{

      width:50%

    }

</style>

以此类推;

2.配色方案:

一般我们无法记住十六进制的颜色,即使记住也只能记住常用几个颜色,这时候我们可以颜色配比自己调试如下:

style=“color:rgb(212,106,64)”;r为red,g为green,b为blue;数字越大比重越大。

3.文本阴影(立体)效果:

     style=" text-shadow:black 5px 3px 3px";颜色,然后从三维角度定制阴影深浅,让文字有立体效果。(未完待续)















0 0