Also "runde Ecken" kann man auch mit nur CSS machen.
Hier der Code:
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>fi</title>
<link href="css/basic.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css" media="screen"><!--
.box { width: 150px; background: #ffffff; }
.box h1, .box p {margin: 0 10px;}
.box h1 {font-size:150%; color:#003333; }
.box .top, .box .bottom{display:block;background: #DFDF4C; }
.box .top b, .box .bottom b { display:block;
height: 1px;
overflow: hidden;
background: #ffffff; }
.box .r1{margin: 0 5px;}
.box .r2{margin: 0 3px;}
.box .r3{margin: 0 2px;}
.box .top .r4, .box .bottom .r4{margin: 0 1px; height: 2px;}
.abstand { font-family: Arial; font-size: 12px; text-align:center; }
.schnell { font-weight: bold; margin-bottom: 10px; }
p { margin-bottom: 20px; }
--></style>
</head>
<body tracingopacity="50" tracingsrc="schnellkontakt.bmp" tracingx="152" tracingy="-223">
<div class="box">
<b class="top">
<b class="r1"></b><b class="r2"></b>
<b class="r3"></b><b class="r4"></b>
</b>
<div class="abstand">
<div class="schnell">Schnellkontakt</div>
</div>
<b class="bottom">
<b class="r4"></b><b class="r3"></b>
<b class="r2"></b><b class="r1"></b>
</b>
</div>
</body>
![;-]](./images/smilies/icon_impudently.gif "Extrem frech"){kind=icon}
