[스크랩] 스타일 시트로 이미지에 테두리 넣기

 

 

<img src="https://t1.daumcdn.net/cfile/cafe/132B560B49E1E5B57E?download"width="400" 
style="border-width:7 10 7 10;
border-style:double dotted dashed groove;
border-color:red blue green yellow;
filter:shadow(color:cccccc,direction:145;strength:15);cellpadding:50'">
소스설명:
img src="http://www.pennyparker2.com/hayride5.jpg"width="400" 
원하는 이미지 주소 넣고..
style="border-width:7 10 7 10; 
테두리 사이즈로 수치는 상,우,하,좌의 순서대로 적용된다.
border-style:double dotted dashed groove;
테두리 스타일로 역시 상,우,하,좌의 순서대로 적용된다..
border-color:red blue green yellow;
테두리 색상으로 상,우,하,좌의 순서대로 적용된다.
filter:shadow(color:cccccc,direction:145;strength:15);"
테두리에 그림자 효과를 준다.
상,우,하,좌의 지정에서 하나만 넣으면
모두 같은 것으로 적용되고..
두개만 넣으면 상,하 같은것으로 
좌우 같은것으로 적용된다.
테두리 스타일 종류
solid   일반적인 테두리
ridge   입체감이 있는 테두리
dotted   동그란 점선 테두리
dashed   네모 점선 테두리
double   이중 테두리
groove   움푹 패인효과
outset   튀어나온 효과

─━☆아름다운 추억여행으로 클릭☆─━

출처 : 아름다운 추억여행으로

글쓴이 : 터널 원글보기

메모 :