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

Fozzy 2011 M10 4
515
0
0
0

    .tab { cursor:default; font-size:18pt; margin-left:40px; height: 46px; line-height:46px; font-family:Times New Roman; position: relative; text-align: center; ...

 
   .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
Дальше