
boder
boder-style,边框样式
p.dotted {border-style: dotted;}/*点状边框*/
p.dashed {border-style: dashed;}/*虚线边框*/
p.solid {border-style: solid;}/*实线边框*/
p.double {border-style: double;}/*双线边框*/
p.groove {border-style: groove;}/*凹槽边框*/
p.ridge {border-style: ridge;}/*垄状边框*/
p.inset {border-style: inset;}/*3D inset边框*/
p.outset {border-style: outset;}/*3d outset边框*/
p.none {border-style: none;}/*无边框*/
p.hidden {border-style: hidden;}/*隐藏边框*/
p.mix {border-style: dotted dashed solid double;}/*混合边框,上点右虚下实左双*/
border-width 边框的宽度,大小以px、pt、cm、em计。或者以三个预定义值:thin、medium、thick
第一个值就是四个边框都相同,2个值,第一个表示上下边框宽度、第二个值表示右左边框宽度,四个值,表示上右下左四个边框分别的宽度。
边框的颜色
border-color
值可以为
name,比如red表示;
hex,十六进制比如#ff0000;
rgb,
hsl
也是可以定义四个边框,也可以分别定义
边框的简写属性
border:width style color;
圆角边框
border-radius 添加圆角边框
p{
border:2px solid red;
border-radius:5px;
}
0