摘要:
下文讲述css边框样式的设置方法大汇总,如下所示;
边框汇总样式设置border
borer:
可以设置Html标签的宽度 颜色 样式
border-style
用于设置边框的样式
常见的参数值有:
none/hidden,
solid(实线)
dashed(虚线)
dotted(点线)
double(双线)
inset(内凹)
outset(外凹)
ridge(脊凹)
groove(脊凸)
我们也可以使用
border-top-style,border-right-style,border-bottom-style,border-left-style
分别设置指定边框的样式
border-style:可以同时设置 上,右,下,左的样式
border-style同时设置三个值为:上,左右,下
border-style同时设置二个值为:上下,左右
border-style同时设置一个值为:全部方向的边框为一个样式
border-color
设置边框的颜色
border-top-color,border-right-color,border-bottom-color,border-left-color
也可以单独指定方向设置颜色
也可以设置三个值,两个值,四个值,一个值设置边框的颜色
border-width
设置边框宽度
border-top-width,border-right-width,border-bottom-width,border-left-width
也可以单独指定方向设置宽度
也可以设置三个值,两个值,四个值,一个值设置边框的宽度
border-radius
为边框设置圆角效果
border-image
为边框设置背景图片
box-shadow
为边框设置阴影
box-shadow:x-shadow y-shadow blur spread color inset/outset;
模糊半径blur用于设置边框阴影半径大小,spread控制阴影的延展大小,为可选参数
,outset外阴影与inset内阴影
outline
outline:指定Html标签的外边框
其拥有同Border设置相同的方法
outline-color
设置外边框的颜色
outline-style
设置外边框的样式。
outline-width
设置外边框的宽度。
outline-offset属性
outline-offset:length
设置外边框的偏移值,此属性在IE浏览器中无效