25.CSS其他样式

                                                       第十九章  CSS其他样式

一、黑色和透明度

          属性         值              说明             CSS版本

         color       颜色值        设置文本前景色         1

       //设置文本颜色

  

       CSS提供了一个属性opacity，可以设置有元素的透明度。

         opacity     0～1           设置元素的透明度      3

 二、盒子阴影和轮廓

   1、box-shadow：（CSS提供了一个非常实用的阴影效果）

         （1）hoffset  :阴影的水平偏移量，是一个长度值，正值表示阴影向右偏移，负值表示阴影向左偏移               3

         （2）voffset  :阴影的垂直偏移量，是一个长度值，正值表示阴影位于元素盒子的下方，反之上方                 3

         （3）blur     :（可选）指定模糊值。是一个长度值，值越大，盒子的边界越模糊，默认值为0，边界清晰          3

         （4）spread   :（可选）指定阴影延伸半径，是一个长度值，正值代表阴影向盒子的各个方向延伸扩大，反之缩小   3

         （5）color    :（可选）设置阴影的颜色，如果省略，浏览器会自行选择一个颜色                               3

         （6）inset    :（可选）将外部阴影设置为内部阴影                                                         3

       例、div{

              box-shadow:10px 10px 5px 2px red inset;       //数值代表的顺序是上边的值。

                          (1) (2)  (3) (4) (5)  (6)

              }

   2、outline

         (1)～（4）单独的元素省略，和“22.CSS边框与背景【上】中的二。3一样”

        （5）outline  简写   <颜色><样式><宽度>          3

       例、div{

              outline：10px double red;

           }

三、光标样式

        属性         值                 说明               CSS样本    

                                    auto,default,none,context-menu,alias,copy,

        cursor     光标样式         help,pointer,progress,wait,cell,no-drop,                                1

                                    move,crosshair,text,vertical-text,not-allowed,

                                    e-resize,n-resize,ne-resize,nw-resize,s-resize,

                                    se-resize,,sw-resize,,w-resize,ew-resize,ns-resize,

                                    nesw-resize,nwse-resize,col-resize,row-resize,all-resize,

转载于:https://www.cnblogs.com/keshuai752100461/p/8485196.html