본문 바로가기
태그 공부

영상올릴때 필요한 테두리 태그소스

by 새난슬 2021. 11. 6.

1. 깔끔 테두리
<center>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:silver,direction:145,strength:40)" cellSpacing=1 cellPadding=30 border=1><TR><TD>
블러그에서 딴 iframe 주소</td></tr></table> </center>

2. 검정색 테두리
<center>
<table cellpadding=5 cellspacing=15 border=4 bordercolor=black><tr><td>
블러그에서 딴 iframe 주소</td></tr> </table>


3. 배경그림을 테두리로
<center>
<table cellpadding=5 cellspacing=15 border=0 bordercolor=green background="배경주소 넣는곳"><tr><td>
블러그에서 딴 iframe 주소</td></tr></table> </center>


4. 가는 초록 점선 테두리
<center><br>
<table style="border-width:2;border-color:#3F720F;border-style:dotted" cellspacing=1 cellpadding=1 WIDTH=320><tr><td>
<table style="border-width:2;border-color:#3F720F;border-style:dotted" cellspacing=4 cellpadding=4 WIDTH=320><tr>
<td width="600" height="400" bgcolor="white">
블러그에서 딴 iframe 주소 </tr></td></table></tr></td></table></center>


5. 가는 검정 점선 테두리
<CENTER>
<table style="border-width:5px;border-color:black;border-style:dotted"><tr><td>
<table style="border-width:0px;border-color:;blackborder-style:dotted"bgcolor=white><tr><td>
<table border=1 bgcolor=white bordercolorlight=black bordercolordark=black><tr><td>
블러그에서 딴 iframe 주소</td></tr></table></td></tr></table></td></tr></table></center>


6. 깔금 빨강 점선 테두리
<center><table style="border-width:2;border-color:#F27BA5; border-style:dotted" cellspacing=2 cellpadding=0>
<tr><td>
<table border=3 bordercolor=pink cellpadding=0 cellspacing=20 style="border-style:dotted;"><tr><td><center>
<center>블러그에서 따온 iframe주소</TABLE></TD></TR></TABLE>


7. 깔끔 연두 점선 테두리
<center><table style="border-width:2;border-color:#6DAC14 ;border-style:dotted" cellspacing=2 cellpadding=0>
<tr><td>
<table border=2 bordercolor=#AAEBAA cellpadding=3 cellspacing=15 style="border-style:dotted;"><tr><td><center>
블러그에서 딴 iframe 주소<tr><td></TABLE></TD></TR></TABLE>


8. 금색테두리

 

http://www.heartfeltgreets.com/xmaswishesgoldstrip.jpg border=0>
 


<embed a src="영상주소 넣는곳" width=가로 height=세로>
</TD></TABLE></TD></TR></TABLE></TD></TR></TBODY></TABLE></TR></TBODY></TABLE></center>

9. 노랑 점선 테두리
<center>
<TABLE BGCOLOR="white" CELLSPACING="5" CELLPADDING="5" WIDTH="200" HEIGHT="100"> <TR> <TD STYLE="border:2px dashed #FFA500;" ALIGN="center">
<table border="1" bordercolor="#FFA500" cellspacing="5" cellpadding="0" style="border-collapse:collapse;">
<tr><td width="600" height="400" bgcolor="white">
블러그에서 딴 iframe 주소</td></tr></table></td></tr></table>

 

* <center>
<table border=1 bordercolor=white  style="BORDER-BOTTOM: #6164C6 5px ridge; BORDER-LEFT: #EE2323 5px ridge; BORDER-TOP: #F3C000 5px ridge; BORDER-RIGHT: #8A3DB6 5px ridge" cellspacing=1 cellpadding=1><tbody><tr><td><img style="WIDTH: 560px; HEIGHT: 410px;" src="사진링크">
</td></tr></tbody></table></center>

현재 위 의 소스는 윗쪽은(#F3C000) 좌측은(#EE2323) 우측은(#8A3DB6) 아랫쪽은(#6164C6) 색으로 테두리 선이 태그되어 있습니다.
상하좌우 선이 다른 소스로 태그 작업을해서 여러가지의 색상을 소스안에 넣어서 만들수 있으니 응용해서 만들어 보세요.
일단은 이미지창 넓이는 (WIDTH) 숫자 수정하시고 높이도(HEIGHT) 사진의 크기에 맞춰서 수정하세요.(여기 사용하는 숫자는 펙셀(px) 임.)
다음 상.하.좌.우.의 픽셀(px)은 숫자가 높으면 굵어집니다. 마지막으로 상.하.좌.우.의 색상은 글쓰기후 메뉴에서 글자색(T.) 를 클릭해서
헥사(HEXA) 코드를 마음에 드는걸로 골라서 드랙그하고 복사해서 # 뒤에 띄우지 말고 붙여넣기하세요
확인해보시면 이미지창이 바뀐걸 볼 수 있을거예요.