页面里横虚线，竖虚线及文字下划线

最新推荐文章于 2022-02-14 20:35:16 发布

luanxiyuan

最新推荐文章于 2022-02-14 20:35:16 发布

阅读量2.2k

点赞数 1

分类专栏：经(cǎi)验(kēng)总结文章标签：操作系统前端 javascript ViewUI

本文链接：https://blog.csdn.net/luanxiyuan/article/details/84422430

版权

经(cǎi)验(kēng)总结专栏收录该内容

251 篇文章 3 订阅

订阅专栏

<html>
<head>
    <style type="text/css">
     .text1 {border-color:black;border-style:solid;border-top-width:0px;border-right-width:0px;border-bottom-width:1px;border-left-width:0px; width:500px}   
     .text2 {color: #ff0000; background-color: #FFFFFF; border: #006699; border-style: dashed; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; width:500px}
     .text3 {border-left: none; border-right: none; border-top: none; border-bottom: 1px solid rgb(192,192,192); width:500px}
    </style>
</head>
<body>
	横虚线：
	<hr size="1" noshade="noshade" style="border:1px #cccccc dotted;">
	<div style="border-top:1px dashed #cccccc; height: 1px;overflow:hidden"></div>
	<hr style="BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted;color='#111111'; size=1"/>
	竖虚线：
	<div style="border-left: 1px dashed #000;height:30%;line-height:1px;"></div>
	文字下面的下划线：
	<div class="text1">我的下面是实下划线</div>
	<div class="text2">我的下面是虚下划线</div>
	<div class="text3">我的下面是浅下划线</div>
</body>
</html>

luanxiyuan

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
页面里横虚线，竖虚线及文字下划线

<html><head> <style type="text/css"> .text1 {border-color:black;border-style:solid;border-top-width:0px;border-right-width:0px;border-bottom-width:1px;border-left-width:0p...
复制链接

扫一扫