Tuesday, June 14, 2011

Rounded corner DIV tag

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
.rc{display:block}
.rc *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background: #fc6}
.rc1{
  margin-left:3px;
  margin-right:3px;
  padding-left:10px;
  padding-right:1px;
  border-left:1px solid #fc6;
  border-right:1px solid #fc6;
  background: #fc6}
.rc2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fc6;
  border-right:1px solid #fc6;
  background: #fc6}
.rc3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #fc6;
  border-right:1px solid #fc6;}
.rc4{
  border-left:1px solid #fc6;
  border-right:1px solid #fc6}
.rc5{
  border-left:1px solid #fc6;
  border-right:1px solid #fc6}
.rcfg{
  background: #fc6;
  color: #0000;
  padding: 5px;
  font-family: "Verdana", Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  height: 15px;
  text-align:left;
  height:auto;
  }
</style>
</head>
<body>
<div style="width:350px;">
  <b class="rc">
  <b class="rc1"><b></b></b>
  <b class="rc2"><b></b></b>

  <b class="rc3"></b>
  <b class="rc4"></b>
  <b class="rc5"></b></b>
  <div class="rcfg"><span id="cmdamsgbox">---user data---</span></div>

  <b class="rc">
  <b class="rc5"></b>
  <b class="rc4"></b>
  <b class="rc3"></b>
  <b class="rc2"><b></b></b>
  <b class="rc1"><b></b></b></b>
</div>
</body>
</html>

No comments:

Post a Comment