第十九章 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,