html下边框样式,css border | 您所在的位置:网站首页 › html怎么设置一个边框的颜色 › html下边框样式,css border |
css border-bottom div下边框对象底部边框样式设置 border-bottom是对对象下边边框设置样式单词,对层等对象设置下边框颜色、宽度、样式,所用CSS border-bottom下边框底部边框属性实现。 一、css border-bottom边框语法 border-bottom语法: border-bottom:1px solid #000 设置下边边框宽度为1px、实线样式、颜色为黑色。 div{border-bottom:1px solid #000} 设置div下边框样式,下边框宽度为(厚度)1px,边框样式为实线(solid)、边框颜色为黑色(#000)。 border-bottom单独分拆与简写: border-bottom:1px solid #000可以分拆为: border-bottom-width:1px border-bottom-style:solid border-bottom-color:#000 可见分拆后CSS下边框样式代码比较多,所以一般通常我们简写: border-bottom:1px solid #000 这样简写缩写border-bottom样式达到代码最简代码量最少,也是推荐使用的代码写法。 二、常规border-bottom下边框应用 1、对对象设置下边框border-bottom CSS样式。 .exp-a{ border-bottom:1px solid #F00} 对class=”exp-a”设置1px实线红色下边框样式。 |
CopyRight 2018-2019 实验室设备网 版权所有 |