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

html-css015

关于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+css只是一种写法

并不是不能用表格

改用表格写的还是要用的

毕竟table有很多实用的样式

只是如果用table布局的话浏览器解析起来会很慢

用div+css比较灵活一些而已

你说的这个线可以使用border来做

具体做法是

把这条线

当做一个标签的左边框

设置边框的像素大一些

边框就粗了