关于htmlcss 如图 怎么把水平线搞那么细啊 我已经都设置1像素了还是那么大

html-css020

关于htmlcss 如图 怎么把水平线搞那么细啊 我已经都设置1像素了还是那么大,第1张

这是因为如果设定border，那么别忘了实际上在垂直方向是有两个边框的（上边框和下边框），所以即使你把border设为1像素，但实际呈现的则是2像素的效果。解决办法就是只设置上边框或下边框：

hr {border:noneborder-bottom:1px dashed graywidth:400px}

1、如果想修改一下下划线的颜色，大小等样式就可以通过border属性来设计，使用起来更灵活。

2、border-bottom属性，用来设置底部的边框样式。

3、border-bottom: #FF0000 2px solid 设置边框大小为2PX的红色边框。

4、看一样效果，发现下划线是整个屏幕的宽度，所以接下来要修改一下宽度。

5、宽度设置成180px，宽度根据 实际情况调整就可以了。

6、最后显示下划线效果。

<div class="radian"></div>

.radian{

width: 200px

height: 100px

border-radius: 200px/20px/*上下有弧度的边*/

/*border-radius: 20px/200px*//*左右有弧度的边*/

background-color: red

}

border-radius是一种缩写方法。如果“/”前后的值都存在，那么“/”前面的值设置其水平半径，“/”后面值设置其垂直半径。