본문 바로가기

Programming/CSS

roundrect 만들기

인터넷을 검색하다가 발견한 내용이다.
지금까지는 이미지로 테이블 짜서 만들었는데 이런 방법이 있다니.. ㅜㅜ;
알파값이랑 아크싸이즈 스트로크 관련 설정 등만 건들면 간단하게 만들 수 있다.

========================================================================

<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<style>
v\:* {behavior: url(#default#VML);}
</style>
</head>
<body>
 <v:roundrect style="width:500;height:100; filter: Alpha(Opacity=100)" arcsize="0.1" fillcolor="white" strokecolor="#0065FF" strokeweight="2">
  <table width=100% height=100%>
   <tr>
    <td align=center valign=center>
    테이블 안에 들어간 내용
    </td>
   </tr>
  </table>

 </v:roundrect>
</body>
</html>

'Programming > CSS' 카테고리의 다른 글

CSS 테이블 디자인  (6) 2007.03.04
테이블 테두리 점선으로 만들기  (1) 2007.02.22