当前第2页 返回上一页
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | <html>
<title>分割线</title>
<body>
<div>
<span>设备：</span>
<span>1</span>
</div>
<div class="order">
<span style="white-space:pre"> </span><span class="line"></span>
<span style="white-space:pre"> </span><span class="txt">这里是一个分割线</span>
<span style="white-space:pre"> </span><span class="line"></span>
</div>
<div>
<span>设备：</span>
<span>2</span>
</div>
<style type="text/css">
.order {
height: 20px;
line-height: 20px;
text-align: center;
}
.order .line {
display: inline-block;
padding-top : 3px;
width: 40%;
border-top: 1px solid #666666;
}
.order .txt {
color: #333333;
font-size: 12px;
vertical-align: middle;
}
</style>
</body>
</html>
|
效果如下图所示：
学习视频分享：css视频教程
以上就是css怎么设置分割线的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
什么是css reset
详细介绍css中的数学表达式calc()
css selectors是什么
:not()是什么？:not()的简单使用
怎样在css中解决长英文单词的页面显示问题？
css块级元素有可继承的属性吗？
html如何加入css样式
css可以干些什么
css有哪几种选择器
手把手教你css如何实现毛玻璃效果
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » css怎么设置分割线
