为了账号安全,请及时绑定邮箱和手机立即绑定

新手请教:能用hr标签画竖线吗?要实心的如下图

新手请教:能用hr标签画竖线吗?要实心的如下图

晓白菜 2016-12-02 17:27:19
这是图片的要求:如果不能,求画竖线的方法。谢谢了。我自己写出来是这个样子的。css代码如下: hr{width:1px; height:86px;  border:solid; color:#ffffff; }   是不是代码有问题。有错误。
查看完整描述

3 回答

已采纳
?
慕粉1628116899

TA贡献2条经验 获得超2个赞

亲想画实线,为什么不设一个div呢?

div{width:2px; height:86px; background-color:#ffffff; };

实在想用hr画实线,就把hr当div一样设置,即hr{width:2px; height:86px; background-color:#ffffff; }。

由于浏览器默认给hr加上边框,需要加上在上面hr{border:none;},

58427f4a0001ce4404440391.jpg

58427f4a00016c0704220371.jpg


查看完整回答
2 反对 回复 2016-12-03
?
林兴2021

TA贡献22条经验 获得超5个赞

图片上应该是用块级元素span,div,p这类的标签写的

hr标签,主要是水平线的显示效果

<style>
/*css部分 div为显示样式,可省略*/
div{
background: #d35b5b;
}
/*右边框线显示*/
.line
{
width: 160px;
height: 160px;
border-right: solid 5px #000;
padding: 0;
margin: 0;
position: relative;
}
</style>
<!-- 主体部分 -->
<body>
<div class="line"></div>
</body>


查看完整回答
反对 回复 2016-12-03
?
晓白菜

TA贡献1条经验 获得超0个赞

//img1.sycdn.imooc.com//58413e9f00011d2102740192.jpg没实心

查看完整回答
反对 回复 2016-12-02
  • 3 回答
  • 1 关注
  • 7343 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信