边框宽度和边框颜色

简介: 边框宽度和边框颜色。

边框宽度
您可以通过 border-width 属性为边框指定宽度。
为边框指定宽度有两种方法:可以指定长度值,比如 2px 或 0.1em(单位为 px, pt, cm, em 等),或者使用 3 个关键字之一,它们分别是 thick 、medium(默认值) 和 thin。
注意:CSS 没有定义 3 个关键字的具体宽度,所以一个用户可能把 thick 、medium 和 thin 分别设置为等于 5px、3px 和 2px,而另一个用户则分别设置为 3px、2px 和 1px。
实例
p.one
{
border-style:solid;
border-width:5px;
}
p.two
{
border-style:solid;
border-width:medium;
}
边框颜色
border-color属性用于设置边框的颜色。可以设置的颜色:
name - 指定颜色的名称,如 "red"
RGB - 指定 RGB 值, 如 "rgb(255,0,0)"
Hex - 指定16进制值, 如 "#ff0000"
您还可以设置边框的颜色为"transparent"。

注意: border-color单独使用是不起作用的,必须得先使用border-style来设置边框样式。

实例
p.one
{
border-style:solid;
border-color:red;
}
p.two
{
border-style:solid;
border-color:#98bf21;
}

相关文章
|
28天前
边框样式
边框样式。
17 1
|
1月前
如何是实现上面左右两边有圆角,下面没有圆角
如何是实现上面左右两边有圆角,下面没有圆角
30 2
|
1月前
|
前端开发
背景颜色
背景颜色。
76 6
|
10月前
|
前端开发
CSS小技巧之圆形虚线边框
CSS小技巧之圆形虚线边框
124 0
|
1月前
边框虚线滚动动画特效
边框虚线滚动动画特效
shape颜色渐变、圆角、半圆角、边框、填充
shape颜色渐变、圆角、半圆角、边框、填充
412 0
shape颜色渐变、圆角、半圆角、边框、填充
|
前端开发 容器
巧妙实现带圆角的渐变边框
巧妙实现带圆角的渐变边框
338 0
巧妙实现带圆角的渐变边框