日记首页
|
列表
|
添加日记
|
管理登陆
标题：网页各种分割线Html代码
<div class="article-header-box" style="box-sizing: border-box; outline: 0px; margin: 0px; padding: 8px 0px 0px; z-index: 9; color: rgb(51, 51, 51); font-family: "SF Pro Display", Roboto, Noto, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; user-select: text !important;"><div class="article-header" style="box-sizing: border-box; outline: 0px; margin: 0px; padding: 0px; user-select: text !important;"><div class="article-title-box" style="box-sizing: border-box; outline: 0px; margin: 0px 0px 8px; padding: 0px; user-select: text !important;"><h1 class="title-article" id="articleContentId" style="box-sizing: border-box; outline: 0px; margin: 0px; padding: 0px; font-family: "PingFang SC", "Microsoft YaHei", SimHei, Arial, SimSun; overflow-wrap: break-word; color: rgb(34, 34, 38); word-break: break-all; user-select: text !important;"><font size="3">各种分割线Html代码：</font></h1><div><font size="2">可在我的网站，查看效果：</font></div><div><a href="http://www.hu-laoshi.com:8058/123/%e7%bd%91%e9%a1%b5%e4%b8%ad%e5%90%84%e7%a7%8d%e5%88%86%e5%89%b2%e7%ba%bfhtml%e4%bb%a3%e7%a0%81.php" target="_blank"><font size="2">网页中各种分割线Html代码 (hu-laoshi.com)</font></a></div></div></div></div><article class="baidu_pl" style="box-sizing: inherit; outline: 0px; --el-button-hover-bg-color: #6D5FFD; --el-button-hover-border-color: #6D5FFD; --el-button-active-bg-color: #6D5FFD; --el-button-active-border-color: #6D5FFD; position: relative; padding-top: 16px; color: rgb(51, 51, 51); font-family: "SF Pro Display", Roboto, Noto, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; user-select: text !important;"><div id="article_content" class="article_content clearfix" style="box-sizing: border-box; outline: 0px; margin: 0px; padding: 0px; overflow-wrap: break-word; user-select: text !important;"><div id="content_views" class="htmledit_views" style="box-sizing: border-box; outline: 0px; margin: 0px; padding: 0px; font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif, SimHei, SimSun; overflow-wrap: break-word; position: relative; min-height: 70px; user-select: text !important;"><div id="cnblogs_post_body" class="blogpost-body" style="box-sizing: border-box; outline: 0px; margin: 0px; padding: 0px; overflow-wrap: break-word; user-select: text !important;"><p style="box-sizing: border-box; outline: 0px; margin: 0px 0px 16px; padding: 0px; color: rgb(77, 77, 77); overflow: auto hidden; overflow-wrap: break-word; user-select: text !important; line-height: 24px !important;">1、<HR><br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;">--------------------------------------------------------------------------------</p><p style="box-sizing: border-box; outline: 0px; margin: 0px 0px 16px; padding: 0px; color: rgb(77, 77, 77); overflow: auto hidden; overflow-wrap: break-word; user-select: text !important; line-height: 24px !important;"><br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;">2、<HR align=center width=300 color=#987cb9 SIZE=1><br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;">align 线条位置（可选left左、right右、center居中）；width 线条长度；color 颜色；size 厚度</p><p style="box-sizing: border-box; outline: 0px; margin: 0px 0px 16px; padding: 0px; color: rgb(77, 77, 77); overflow: auto hidden; overflow-wrap: break-word; user-select: text !important; line-height: 24px !important;"><br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;">--------------------------------------------------------------------------------</p><p style="box-sizing: border-box; outline: 0px; margin: 0px 0px 16px; padding: 0px; color: rgb(77, 77, 77); overflow: auto hidden; overflow-wrap: break-word; user-select: text !important; line-height: 24px !important;"><br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;">二、特效（效果并不是孤立的，可相互组合）<br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;">1、两头渐变透明：<br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;"><HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3></p><p style="box-sizing: border-box; outline: 0px; margin: 0px 0px 16px; padding: 0px; color: rgb(77, 77, 77); overflow: auto hidden; overflow-wrap: break-word; user-select: text !important; line-height: 24px !important;"><br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;">--------------------------------------------------------------------------------</p><p style="box-sizing: border-box; outline: 0px; margin: 0px 0px 16px; padding: 0px; color: rgb(77, 77, 77); overflow: auto hidden; overflow-wrap: break-word; user-select: text !important; line-height: 24px !important;"><br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;">2、纺锤形：<br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;"><HR style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" width="80%" color=#987cb9 SIZE=10></p><p style="box-sizing: border-box; outline: 0px; margin: 0px 0px 16px; padding: 0px; color: rgb(77, 77, 77); overflow: auto hidden; overflow-wrap: break-word; user-select: text !important; line-height: 24px !important;"><br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;">--------------------------------------------------------------------------------</p><p style="box-sizing: border-box; outline: 0px; margin: 0px 0px 16px; padding: 0px; color: rgb(77, 77, 77); overflow: auto hidden; overflow-wrap: break-word; user-select: text !important; line-height: 24px !important;"><br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;">3、右边渐变透明：<br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;"><HR style="FILTER: alpha(opacity=100,finishopacity=0,style=1)" width="80%" color=#987cb9 SIZE=3></p><p style="box-sizing: border-box; outline: 0px; margin: 0px 0px 16px; padding: 0px; color: rgb(77, 77, 77); overflow: auto hidden; overflow-wrap: break-word; user-select: text !important; line-height: 24px !important;"><br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;">--------------------------------------------------------------------------------</p><p style="box-sizing: border-box; outline: 0px; margin: 0px 0px 16px; padding: 0px; color: rgb(77, 77, 77); overflow: auto hidden; overflow-wrap: break-word; user-select: text !important; line-height: 24px !important;"><br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;">4、左边渐变透明：<br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;"><HR style="FILTER: alpha(opacity=0,finishopacity=100,style=1)" width="80%" color=#987cb9 SIZE=3></p><p style="box-sizing: border-box; outline: 0px; margin: 0px 0px 16px; padding: 0px; color: rgb(77, 77, 77); overflow: auto hidden; overflow-wrap: break-word; user-select: text !important; line-height: 24px !important;"><br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;">--------------------------------------------------------------------------------</p><p style="box-sizing: border-box; outline: 0px; margin: 0px 0px 16px; padding: 0px; color: rgb(77, 77, 77); overflow: auto hidden; overflow-wrap: break-word; user-select: text !important; line-height: 24px !important;"><br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;">5、虚线：<br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;"><HR style="border:1 dashed #987cb9" width="80%" color=#987cb9 SIZE=1></p><p style="box-sizing: border-box; outline: 0px; margin: 0px 0px 16px; padding: 0px; color: rgb(77, 77, 77); overflow: auto hidden; overflow-wrap: break-word; user-select: text !important; line-height: 24px !important;"><br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;">--------------------------------------------------------------------------------</p><p style="box-sizing: border-box; outline: 0px; margin: 0px 0px 16px; padding: 0px; color: rgb(77, 77, 77); overflow: auto hidden; overflow-wrap: break-word; user-select: text !important; line-height: 24px !important;"><br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;">6、双线：<br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;"><HR style="border:3 double #987cb9" width="80%" color=#987cb9 SIZE=3></p><p style="box-sizing: border-box; outline: 0px; margin: 0px 0px 16px; padding: 0px; color: rgb(77, 77, 77); overflow: auto hidden; overflow-wrap: break-word; user-select: text !important; line-height: 24px !important;"><br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;">--------------------------------------------------------------------------------</p><p style="box-sizing: border-box; outline: 0px; margin: 0px 0px 16px; padding: 0px; color: rgb(77, 77, 77); overflow: auto hidden; overflow-wrap: break-word; user-select: text !important; line-height: 24px !important;"><br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;">7、立体效果：<br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;"><HR style="FILTER: progid:DXImageTransform.Microsoft.<span class="words-blog hl-git-1" data-tit="Shadow" data-pretit="shadow" style="box-sizing: border-box; outline: 0px; margin: 0px 3px 0px 0px; padding: 0px 18px 0px 0px; overflow-wrap: break-word; cursor: pointer; color: rgb(78, 161, 219); background: url("../img/gitcode-key.png") right center / 14px 14px no-repeat transparent; box-shadow: none; user-select: text !important;">Shadow</span>(color:#987cb9,direction:145,strength:15)" width="80%" color=#987cb9 SIZE=1></p><p style="box-sizing: border-box; outline: 0px; margin: 0px 0px 16px; padding: 0px; color: rgb(77, 77, 77); overflow: auto hidden; overflow-wrap: break-word; user-select: text !important; line-height: 24px !important;"><br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;">--------------------------------------------------------------------------------</p><p style="box-sizing: border-box; outline: 0px; margin: 0px 0px 16px; padding: 0px; color: rgb(77, 77, 77); overflow: auto hidden; overflow-wrap: break-word; user-select: text !important; line-height: 24px !important;"><br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;">8、钢针效果：<br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;"><HR style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9,strength=10)" width="80%" color=#987cb9 SIZE=1></p><p style="box-sizing: border-box; outline: 0px; margin: 0px 0px 16px; padding: 0px; color: rgb(77, 77, 77); overflow: auto hidden; overflow-wrap: break-word; user-select: text !important; line-height: 24px !important;"><br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;">--------------------------------------------------------------------------------<br style="box-sizing: border-box; outline: 0px; user-select: text !important; overflow-wrap: break-word;">９．垂直分割线<table border="1px" cellpadding="0" cellspacing="0" style="height:265px;border-left-style:solid; border-bottom-style:none;border-right-style:none;border-top-style:none"></p></div><p style="box-sizing: border-box; outline: 0px; margin: 0px 0px 16px; padding: 0px; font-size: 18px; color: rgb(77, 77, 77); overflow: auto hidden; overflow-wrap: break-word; user-select: text !important; line-height: 24px !important;"><br></p></div></div><div id="recommendDown" style="font-size: 10.5pt; box-sizing: border-box; outline: 0px; margin: 0px; padding: 0px; --el-button-hover-bg-color: #6D5FFD; --el-button-hover-border-color: #6D5FFD; --el-button-active-bg-color: #6D5FFD; --el-button-active-border-color: #6D5FFD; overflow-wrap: break-word; user-select: text !important;"></div></article>
