首页 > 代码库 > CSS 边框(border)实例

CSS 边框(border)实例

2024-09-10 06:53:20   214人阅读

1、用简写属性来将所有四个边框属性设置于同一声明中

border: medium double rgb(250,0,255)

2、设置四边框样式

border-style: dotted|dashed|solid|double|groove|ridge|inset|outset

3、用简写属性来将所有边框宽度属性设置于同一声明中

border-style: solid;
border-width: 5px 10px 1px

4、设置四个边框的颜色。可以设置一到四个颜色

border-style: solid;
border-color: #ff0000 #00ff00 #0000ff rgb(250,0,255)

5、用简写属性来将所有下边框属性设置在同一声明中

border-style:solid;
border-bottom:thick dotted #ff0000;

6、设置下边框

border-style:solid;
border-bottom:thick dotted #ff0000;
border-bottom-color:#ff0000;
border-bottom-style:none|dotted|dashed|solid|double|groove|insert|outset|rigde

border-bottom-width: thin
border-bottom-width: 15px

CSS 边框(border)实例


联系
我们