| |
|
|
| | Здравствуйте.
Много раз в интернете видел как сделать круглой цветную область. То есть, к примеру, имея синий прямоугольник можно легко сделать углы круглыми.
Интересует несколько другой вопрос. У кого-нибудь получалось сделать рамку с круглыми углами - в смысле цвет за ней и внутри одинаковый.
Известные способы к данной задаче не совсем подходят.
Вот до чего дотыркался я. Но в IE, жопа такая, не отображает нормально.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
div.nifty {
height: 9px;
}
div.top_left {
float: left;
background-image: url('images/n_tl.png');
background-repeat: no-repeat;
background-position: top left;
height: 9px;
width: 9px;
}
div.top_border {
float: left;
border-top: 1px solid #000;
height: 9px;
width: 180px;
}
div.top_right {
float: right;
background-image: url('images/n_tr.png');
background-repeat: no-repeat;
background-position: top right;
height: 9px;
width: 9px;
}
#search {
width: 200px;
border: 1px solid #E0E0E0;
}
#searchform {
background-color: #FFF;
margin: 0;
padding: 0;
height: 100px;
width: 198px;
border-right: 1px solid #000;
border-left: 1px solid #000;
}
</style>
</head>
<body>
<div id="search">
<div class="nifty">
<div class="top_left"></div>
<div class="top_border"></div>
<div class="top_right"></div>
</div>
<div id="searchform">
blah
</div>
</div>
</body>
</html>
|
| |
| |
|
