border-right介绍
css border-right按照如下属性顺序设置html元素的右边框样式:
- border-right-width 指定右边框的宽度
- border-right-style 指定右边框的样式
- border-right-color 指定右边框的颜色
如:
border-right-width:1px;
border-right-style:solid;
border-right-color:orange;
上面代码一次分别设置了html元素的右边框,我们可以将这些css属性在border-right中一次性定义,如:
border-right:1px solid orange
如果上述值缺少一个,没有关系,例如border-right:solid #ff0000; 是允许的。
注意:如果border-right-style设置为none,即使设置了下边框的颜色和宽度,这两个属性也不会生效
border-right实例
css border-right设置右边框的样式:
<!DOCTYPE html>
<html>
<head>
< >http://www.manongjc.com/article/1189.html</ >
<style>
p {
border-right:thick double #ff0000;
}
</style>
</head>
<body>
<p>This is some text in a paragraph.</p>
</body>
</html>
继续阅读与本文标签相同的文章
下一篇 :
浅析七款“Python开源框架”的优缺点
-
健乐教学机器人可开展的教学实训内容
2026-05-14栏目: 教程
-
5G套餐曝光遭“吐槽”,iphone11受追捧,导致苹果11销量比较高
2026-05-14栏目: 教程
-
为什么修电脑的叫自己不要杀毒和清理垃圾?
2026-05-14栏目: 教程
-
当水乡建筑遇上机器人,成就乌镇又一网红景点
2026-05-14栏目: 教程
-
惊险!手刹失灵,郴州一货车开启“无人驾驶”模式……
2026-05-14栏目: 教程
