|
 95.9 Кб |
|
| Привет подскажите пожалуйста как сделать такие границы в DIV как показано на рисунке в прикрепленном файле? | |
|
|
|
|
|
|
|
для: tima2010
(14.04.2010 в 13:01)
| | вас что - в Гугле забанили?
Идете в поисковик, набираете прямым текстом "как скруглить углы у дива", и будет вам полное Щастье.
Здесь Форум для помощи при решении каких-то сложных вопросов, а не ликбез для ленивых невежд. | |
|
|
|
|
|
|
|
для: tima2010
(14.04.2010 в 13:01)
| |
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
<html>
<head>
<title>Test</title>
<style type="text/css">
html { height:100% }
body { height:100%; margin:0px; padding:0px; }
.grc {padding: 5px 15px;}
.grc .e{display:block; position: relative;}
.grc .e *{display: block; overflow: hidden; position: relative; z-index: 2; font-size: 0px;}
.grc b.e b, .grc b.e i, .grc b.e u, .grc b.e s, .grc b.e span, .grc b.e strong {height: 1px !important; background: #1d5198;}
.grc b.e b, .grc b.e i, .grc b.e s {border-left:1px solid #f1f4f9; border-right:1px solid #f1f4f9;}
.grc b.e u, .grc b.e b strong, .grc b.e i strong, .grc b.e span {border-left:1px solid #9eb4d3; border-right:1px solid #9eb4d3;}
.grc b.e b{margin: 0 3px;}
.grc b.e i{margin: 0 1px;}
.grc b.e u{margin: 0 1px;}
.grc b.e s{margin: 0;}
.grc b.e b strong, .grc b.e i strong {margin: 0;}
.grc b.e span{margin: 0;}
.grc div{background: #1d5198; padding: 0 10px; color: white;}
</style>
</head>
<body>
<div style='width: 400px'>
<div class='grc'>
<b class='e'><b><strong></strong></b><i><strong></strong></i><u></u><s></s><span></span></b>
<div style='height:100px'>Здесь применено углубленное двойное сглаживание.<br/>Вес кода 1 130 Kb.</div>
<b class='e'><span></span><s></s><u></u><i><strong></strong></i><b><strong></strong></b></b>
</div>
</div>
</body>
</html>
|
| |
|
|
|
|
|
|
|
для: tima2010
(14.04.2010 в 13:01)
| | Выбирайте | |
|
|
|
|
 69.2 Кб |
|
|
для: tima2010
(14.04.2010 в 13:01)
| | Вот пример кода моего:
<script type="text/javascript" src="script/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="script/jquery.corner.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#divcat2").corner("round 10px");
})
</script>
вот прикрепил jquery-1.4.1.min.js | |
|
|
|
|
 9.8 Кб |
|
|
для: tima2010
(14.04.2010 в 13:01)
| | и вот плагин для джикуэри | |
|
|
|