Rumah > hujung hadapan web > html tutorial > 详解HTML分割线特效

详解HTML分割线特效

高洛峰
Lepaskan: 2017-03-27 14:54:08
asal
4050 orang telah melayarinya

一、基本线条


二、特效(效果并不是孤立的,可相互组合)
1、两头渐变透明:


width="80%" color=#987cb9 SIZE=3>


2、纺锤形:



3、右边渐变透明:



4、左边渐变透明:



5、虚线:



6、双线:



7、立体效果:


direction:145,strength:15)" width="80%" color=#987cb9 SIZE=1>


8、钢针效果:



9.垂直分割线

padding="0" cellspacing="0" style="height:265px;border-left-style:solid; border-bottom-style:none;border-right-style:none;border-top-style:none">




align 线条位置(可选left、right、center);width 线条长度;color 颜色;size 厚度

Atas ialah kandungan terperinci 详解HTML分割线特效 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan