CSS 边框宽度
CSS 边框宽度
这 border-width
属性指定四个边框的宽度。
宽度可以设置为特定尺寸(以 px、pt、cm、em 等为单位),或者使用三个预定义值之一:细、中、粗:
例子
不同边框宽度的演示:
页一 {
边框样式:实线;
边框宽度:5px;
}
第二页 {
边框样式:实线;
边框宽度:中等;
}
第三页 {
边框样式:虚线;
边框宽度:2px;
}
第 4 页 {
边框样式:虚线;
边框宽度:厚;
}
结果:
5px 边框宽度
中等边框宽度
2px 边框宽度
粗边框宽度
特定边宽
这 border-width
属性可以有一到四个值(分别表示上边框、右边框、下边框和左边框):
例子
页一 {
边框样式:实线;
边框宽度:5px 20px; /* 顶部和底部为 5px,侧面为 20px */
}
第二页 {
边框样式:实线;
边框宽度:20px 5px; /* 顶部和底部为 20px,侧面为 5px */
}
第三页 {
边框样式:实线;
边框宽度:25px 10px 4px 35px; /* 顶部 25px、右侧 10px、底部 4px 和左侧 35px */
}
亲自尝试 »