border-left简介
css border-left属性用于设置html元素左边框，可以设置的属性是：
- border-left-width 左边框的宽度
- border-left-style 左边框的样式类型
- border-left-color 左边框的颜色
比如现在有这样一个CSS样式：
border-left-width:1px;
border-left-style:solid;
border-left-color:red;
我们可有直接使用border-left这一个属性来声明上面三个属性：
border-left:1px solid red;
属性值依次是border-left-width, border-left-style,border-left-color.
如果上述值缺少一个也没关系，例如border-left:solid #ff0000; 是允许的。
但是如果将border-left-style设置为none，那么就算其他边框属性被设置值，也不会取到任何作用。例如：
border-left:1px none red;
上面这个css代码相当于没有设置左边框，因为border-left-style设置为none;其他边框属性也就不取作用了。
<##ads_in_article_manong##>
border-left实例
css border-left设置左边框的样式：
<!DOCTYPE html>
<html>
<head>
< >http://www.manongjc.com/article/1196.html</ >
<style>
p{
border-style:solid;
border-left:thick double #ff0000;
}
</style>
</head>
<body>
<p>This is some text in a paragraph.</p>
</body>
</html>
继续阅读与本文标签相同的文章
下一篇 :
中国数字音乐罗曼蒂克消亡史
-
他让我国芯片研究停滞13年，还骗走11亿研发资金，现状如何？
2026-05-14栏目： 教程
-
健乐教学机器人可开展的教学实训内容
2026-05-14栏目： 教程
-
5G套餐曝光遭“吐槽”，iphone11受追捧，导致苹果11销量比较高
2026-05-14栏目： 教程
-
为什么修电脑的叫自己不要杀毒和清理垃圾？
2026-05-14栏目： 教程
-
当水乡建筑遇上机器人，成就乌镇又一网红景点
2026-05-14栏目： 教程