Yvision.kz
kk
Разное
Разное
399 773 постов42 подписчика
Всяко-разно
0
03:21, 04 октября 2011

Пример HTML и CSS: закругление углов с использованием боковых блоков

Blog post image

 
   .tab
{
cursor:default;
font-size:18pt;
margin-left:40px;
height: 46px;
line-height:46px;
font-family:Times New Roman;
position: relative;
text-align: center;
background:url('images/trade-tab-select-center.jpg') repeat-x;
padding: 0px 40px;
color:#a2a3a6;
display:inline-block;
}
.left, .right{
width: 7px;
height: 46px;
font-size: 0;
overflow: hidden;
position: absolute;
top: 0;
}
.left{
background: url('images/trade-tab-select-left.jpg') no-repeat;
left: 0;
}
.right{
background: url('images/trade-tab-select-right.jpg') no-repeat;
right: 0; /* нулевое смещение справа */
margin-left: 100%; /* для IE6 */
left: -7px; /* для IE6 */
}

</style>  <body> <div class="tab"> Главная <span class="left"></span> <span class="right"></span> </div> </body>
 
0
285
0