如何使用CSS画一个空心长方形 要代码哦，是使用DIV+CSS

Posted 2023-04-02

如何使用DIVCSS画一条垂直线

如果你只要一条垂直线就设置这个DIV的边框线样式就可以了，样式代码：border-left:1px #000000 solid 这里的border-left是指这个DIV的左边边框，1px就是线的宽度，#000000是线的颜色（这里是黑色），solid是线的样式（这里是实线），整个DIV的代码可以这样写：<div style="width:200px; height:500px; border-left:1px #000000 solid;"></div> 参考技术A 画矩形：<div style="width:300px;height:150px;border:1px solid #000"></div>
画垂直线（以上例 放中间）：<div style="width:300px;height:150px;border:1px solid #000"><div style="width:150px;height:150px;border-right:1px solid #000"></div></div>本回答被提问者采纳 参考技术B 垂直线还不简单么，给一个层定义一个边框样式。右边框或者左边框，然后给颜色跟线条的粗细样式即可

CSS如何画出胶囊形状的圆头长方形

参考技术A 因为圆角弧线为保证不相交会自动缩小半径，而在使用长度值（而非百分比值）时，半径并不相对于元素大小，最终会得到对称的效果。

因此，在创建胶囊两头的半圆形时，我们可以故意指定一个比所需半径大的值，来得到半圆形：