Вёрстка закруглённого блока.
Пример взят вот отсюдова(http://www.yanajy.com/sdelay-sam/borders-and-corners-using-html-and-css.html) , я никогда не использовал данного потхода вот решил попробовать.
Делаю так-же как в примере, сколько дивов открыл столько и закрыл.
| Код |
html{}
*{padding:0px;margin:0px;outline:none;}
body{font-size:17px;padding:0px;margin:0px;min-width:1000px;background-color:#e0e0e0; }
div#main{z-index:0;position:relative;top:0px;left:0px;margin-left:90px; }
div#verh{z-index:1;padding-left:80px; }
div#topleft{ }
div#topright{ }
div#seredina{}
div#center{background-color:#ffffff;width:90%;height:60px;margin-left:-10px;margin-left:20px; }
div#niz{z-index:5;margin-top:0px;width:85%;padding-left:80px;}
div#bottom_left{}
div#bottom_right{}
div#seredina2{}
div#seredina2{z-index:9;}
|
| Код |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ru">
<head>
<meta charset="utf-8"/>
<meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)"/>
<meta name="dcterms.created" content="Ср, 24 окт 2012 17:09:22 GMT"/>
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<title>фывфывфывфыв</title>
<link rel="stylesheet" href="css/index.css" type="text/css"/>
<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="main">
<div class="verh"><div><div>
Содержание блока
</div></div></div>
</div>
<div id="center"></div>
<div id="niz">
</div>
</div
</body>
</html>
|
|