CSS的透明度、盒子阴影轮廓、光标样式
admin2016-12-16 21:51:47清河洛2065
一、透明度:opacity: 取值:0 ~ 1。用来设置元素的透明度二.盒子阴影轮廓:盒子的阴影:box-shadow属性,该属性有很多值:hoffset:阴影的水平偏移量,是一个长度值,正值表示阴影向右偏移,负值表示阴影向左偏移。voffset:阴影的垂直偏移量,是一个长度值, 正值代表阴影位于元素盒子的下方,负值代表阴影位于元素盒子上方。以下为可选值:blur :指定模糊值,是一个长度值,值越大盒子的边界越模糊。默认值为 0,边界清晰spread:指定阴影延伸半径,是一个长度值, 正值代表阴影向盒子各个方向延伸扩大,负值代表阴影沿相反方向缩小color :设置阴影的颜色,如果省略,浏览器会自行选择一个颜色inset:(可选)将外部阴影设置为内部阴影。盒子的轮廓:和边框一样,只不过它可以在边框的外围再加一层。属性表如下:outline-color:颜色值,外围轮廓的颜色outline-offset:长度值,轮廓距离元素边框边缘的偏移量outline-style:轮廓样式,和border
一、透明度:opacity: 取值:0 ~ 1。用来设置元素的透明度
二.盒子阴影轮廓:
盒子的阴影:box-shadow属性,该属性有很多值:
hoffset:阴影的水平偏移量,是一个长度值,正值表示阴影向右偏移,负值表示阴影向左偏移。
voffset:阴影的垂直偏移量,是一个长度值, 正值代表阴影位于元素盒子的下方,负值代表阴影位于元素盒子上方。
以下为可选值:
blur :指定模糊值,是一个长度值,值越大盒子的边界越模糊。默认值为 0,边界清晰
spread:指定阴影延伸半径,是一个长度值, 正值代表阴影向盒子各个方向延伸扩大,负值代表阴影沿相反方向缩小
color :设置阴影的颜色,如果省略,浏览器会自行选择一个颜色
inset:(可选)将外部阴影设置为内部阴影。
盒子的轮廓:和边框一样,只不过它可以在边框的外围再加一层。属性表如下:
outline-color:颜色值,外围轮廓的颜色
outline-offset:长度值,轮廓距离元素边框边缘的偏移量
outline-style:轮廓样式,和border-style用法一致
ontline-witdh:长度值,轮廓宽度
outline:轮廓样式的简写,<颜色> <样式> <宽度>
三、光标样式:通过属性cursor实现,该属性的值很多:
auto default none context-menu help
pointer progress wait cell crosshair
text vertical-text alias copy move
no-drop 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-scroll
感觉很赞?点击支持一下! ()