HTML의 여러 특수 구분선 효과

이 글은 주로 HTML의 몇 가지 특별한 구분선 효과를 소개합니다. 이제 여러분과 공유합니다. 도움이 필요한 친구들이 참고할 수 있습니다.

HTML 구분선 특수 효과입니다. . 친구가 참조할 수 있습니다.

1. 기본 라인

2. 특수 효과(효과는 분리되지 않고 서로 결합될 수 있음)
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.
6. 이중선:

<HR style="border:1 dashed #987cb9" width="80%" color=#987cb9 SIZE=1>

7、 입체 효과:

<HR style="border:3 double #987cb9" width="80%" color=#987cb9 SIZE=3>

8 강철 바늘 효과:

<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#987cb9,direction:145,strength:15)" width="80%" color=#987cb9 SIZE=1>

９. 세로 구분선

<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">

선 위치 정렬(왼쪽, 오른쪽, 가운데 선택) 너비 선 길이 색상 색상;

위 내용은 HTML의 여러 특수 구분선 효과의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!