border-left-style属性(CSS设置)
border-left-style属性(CSS设置)
边框款式能够让HTML元素的四边都有边框，并能够设置边框的款式和色彩。边框款式主要有三个款式标签，别离是border-style（边框线条类型）、border-width（边框线条宽度）、border-color（边框线条色彩）。
border-style（边框线条类型）
border-style款式用于设置边框线条类型，border-style款式的设置选用关键字法，关键字有solid（实线边框）、dashed（虚线边框）、dotted（点线边框）、double（双线边框）、inset（3D嵌入式边框，作用取决于边框的色彩值）、outset（3D突出式边框，作用取决于边框的色彩值）、groove（3D沟槽边框，作用取决于边框的色彩值）、ridge（3D脊边框，作用取决于边框的色彩值）。下面的HTML文档展现了border-style的运用方法。
?
浏览器显现作用如下图所示。从浏览器的显现作用能够看出，线条类型为inset和outset的边框，并没有3D作用。这是因为要显现3D作用，还需要设置边框的线条色彩。
border-color（边框线条色彩）
border-color用于设置边框的线条色彩，色彩值一般为16进制数值或运用rgb函数。在上面网页文档的款式界说句子中，添加border-color款式。
览器显现作用如下图所示。从浏览器的显现作用能够看出，线条类型为inset和outset的边框，虽然设置了色彩，但3D作用仍然不明显。
border-width（边框线条宽度）
border-width用于设置边框线条的宽度，border-width的值能够是数值，也能够是关键字。关键字有thin（细的边框）、medium（默认，中粗边框）、thick（较粗边框）。下面的网页文档展现了border-width的运用方法。
浏览器显现作用如下图所示。
独自设置边框各边款式
前面介绍的款式对元素的四条边框线都会产生作用，CSS也允许对HTML元素的四条边框线别离设置款式。
设置边框线条类型的款式标签有border-top-style（设置顶部边框线）、border-left-style（设置左边边框线）、border-right-style（设置右侧边框线）、border-bottom-style（设置底部边框线）。如下面的款式句子，别离设置顶部边框线为虚线、右侧边框线为实线、底部边框线为点线、左边边框线为实线。
设置边框线条色彩款式标签有border-top-color（设置顶部边框线色彩）、border-left-color（设置左边边框线色彩）、border-right-color（设置右侧边框线色彩）、border-bottom-color（设置底部边框线色彩）。如下面的款式句子，别离设置顶部边框线色彩为#ff0000、右侧边框线色彩为#00ff00、底部边框线色彩为#696969、左边边框线为色彩为#a5a890。
前面的HTML事例中，3D边框作用不明显，下面别离设置各边边框色彩。网页代码如下。
浏览器显现作用如下图所示。
设置边框线条宽度款式标签有border-top-width（设置顶部边框线宽度）、border-left-width（设置左边边框线宽度）、border-right-width（设置右侧边框线宽度）、border-bottom-width（设置底部边框线宽度）。如下面的款式句子，别离设置顶部边框线宽度为1像素、右侧边框线宽度为3像素、底部边框线宽度为6像素、左边边框线宽度为9像素。
边框款式简写
CSS提供了边框款式的简写标签，款式标签是border，能够在border中别离设置边框线条宽度、边框线条类型和边框色彩。例如下面的款式句子界说了边框线条宽度为1px、边框线条类型为solid、边框色彩为#FF0000的边框款式。
border-style标签也能够简式界说款式，如下面的款式句子界说了顶部边框线条类型为dotted、右侧边框线条类型为solid、底部边框线条类型为double、左边边框线条类型为dashed，界说次序别离是上、右、底、左。
下面的款式句子界说了顶部边框线条类型为dotted、左、右侧边框线条类型为solid、底部边框线条类型为double，界说次序别离是上、左右、底。
下面的款式句子界说了顶部和底部边框线条类型为dotted、左边和右侧边框线条类型为solid，界说次序别离是上下、左右。
上面的比如运用了border-style。同理，border-width和border-color也能够运用简式款式界说。
作品标签： CSS
优秀作品：
最新作品：
评论列表（共263人参与）参与讨论或分享设计作品获得视觉癖积分奖励
imGra注册会员
2021-07-06 23:8:22
越来越多，有时还比较玄奥。怎样看待服装艺术、领会并感受服装自身的言语，成为今日网络时代注意力经济中的眼球之战。服装规划既要有关注 ；8月，主演都市情感剧《余生，请多指教》 ；9月13日，主
回复美动漫 注册会员
2021-07-06 16:49:5
集 我家便是游客
2021-07-06 14:38:2
游客29723：border-left-sty36 规划办法总概况： 规划办法 一、规划准则 1、单一责任准则iv> 11、心动时，还没来得及学会英勇。英勇时，咱们已在韶光走散。《昨日青空》 12、抛弃了未来，失掉
回复
野的温顺注册会员
2021-07-06 15:46:25
边框）、dotted（点线边框）、double（双线边框）、inset（3D嵌入式边框，作用取决于边> 6,框选挑选的是正规的矩形和圆形。套索东西第一种是顺手选，鼠标控制力好的人经常用，第二种是直线顺手选，第三种是被选对象和布景色差很明显
回复