HTML幾種特別分割線特效
發(fā)表時(shí)間：2023-09-10 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]這篇文章主要介紹了關(guān)于HTML幾種特別分割線特效 ，有著一定的參考價(jià)值，現(xiàn)在分享給大家，有需要的朋友可以參考一下HTML分割線特效，挺實(shí)用與漂亮的分隔線，需要的朋友可以參考下。一、基本線條二、特效（效果并不是孤立的，可相互組合）1、兩頭漸變透明：<HR style="FILTER:...
這篇文章主要介紹了關(guān)于HTML幾種特別分割線特效 ，有著一定的參考價(jià)值，現(xiàn)在分享給大家，有需要的朋友可以參考一下
HTML分割線特效，挺實(shí)用與漂亮的分隔線，需要的朋友可以參考下。
一、基本線條
二、特效（效果并不是孤立的，可相互組合）
1、兩頭漸變透明：
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3>
2、紡錘形：
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" width="80%" color=#987cb9 SIZE=10>
3、右邊漸變透明：
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=1)" width="80%" color=#987cb9 SIZE=3>
4、左邊漸變透明：
<HR style="FILTER: alpha(opacity=0,finishopacity=100,style=1)" width="80%" color=#987cb9 SIZE=3>
5、虛線：
<HR style="border:1 dashed #987cb9" width="80%" color=#987cb9 SIZE=1>
6、雙線：
<HR style="border:3 double #987cb9" width="80%" color=#987cb9 SIZE=3>
7、立體效果：
<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#987cb9,direction:145,strength:15)" width="80%" color=#987cb9 SIZE=1>
8、鋼針效果：
<HR style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9,strength=10)" width="80%" color=#987cb9 SIZE=1>
９．垂直分割線
<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">
<HR align=center width=300 color=#987cb9 SIZE=1>
align 線條位置（可選left、right、center）；width 線條長(zhǎng)度；color 顏色；size 厚度
以上就是HTML幾種特別分割線特效 的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
