[스크랩] 테이블 안에 투명 테이블넣기

 

 

 

     

배경그림이 테이블위로 비치는 반투명 테이블입니다. 은은한 분위기를 내고자 할 때 적용하면 이쁘겠죠? 배경그림이 있는 전체문서에서 문서의 알맞은 곳에 위의 소스를 적용 색상도 바꾸고 테이블사이즈(width="470" height="300")와 글씨모양(size="2"face="돋움")도 바꾸어도됨 'Opacity=60' 라고 되어있는 부분에서는 수치를 높일수록 더 진해집니다. 또, border:1 solid 라고 되어있는 부분에서 'solid' 대신에 'dotted'를 넣으면 점선테두리가 생김 테이블 안에 들어갈 투명테블 소스↓ 내용^^*. .

♣태그 소스입니다.♣ 
         
       ↓여기부터 드래그 하세요
<table border=20 bordercolor=000000 width=550 height=400><tr><td background="https://t1.daumcdn.net/cafefile/pds32/32_j_g_10Bqo_75x7_000_00_00000431_08">
<center>
<table  width="470" height="330" style='background-color:#F7F7D9; border:1 solid #F7F7D9;filter:Alpha(Opacity=70);'>
<tr><td><pre><font color="=#4682b4" size="2" face="돋움"><ul>
배경그림이 테이블위로 비치는 반투명 테이블입니다.
은은한 분위기를 내고자 할 때 적용하면 이쁘겠죠?
배경그림이 있는 전체문서에서
문서의 알맞은 곳에 위의 소스를 적용
색상도 바꾸고 테이블사이즈(width="470" height="300")와 
글씨모양(size="2"face="돋움")도 바꾸어도됨
'Opacity=70'  라고 되어있는 
부분에서는 수치를 높일수록 더 진해집니다. 
또, border:1 solid 라고 되어있는 부분에서 
'solid' 대신에 'dotted'를 넣으면 점선테두리가 생김
투명테블소스
<xmp!> 
<table width="470" height="330" 
style='background-color:#F7F7D9; border:1 solid #F7F7D9;filter:Alpha(Opacity=70);'>
<tr><td>
<pre><font color="=#4682b4" size="2" face="돋움"><ul><ul>
내용^^*.
.
</font></td></tr></table></xmp> 
</font></td></tr></table></td></tr></table> 
<STYLE type=text/css> a:link { text-decoration: none; } a:visited { text-decoration: none; } a:active { text-decoration: none; } a:hover { text-decoration: none; }@font-face { font-family:막내; src:url(http://user.chol.com/~youngest/font/TTche.eot) };body,table,tr,td,select,input,div,form,textarea,font{font-family:막내; font-size=9pt; }
</STYLE>

    

,·´″"`°³о조용하고 아늑한 포시즌 쉼터о³°`"″´·,

출처 : 〓포 시 즌〓

글쓴이 : 대 칸 원글보기

메모 :