Leksus
Помогите в сss ,что нужно в стиле добавить
.title {padding: 4px; color: #F9FAFC; background: #3C5A99 url(/images/title1.gif) repeat-x top;}
.title a {color:#FdFeFd;}
чтоб как на скрине в левоой и правое сторене появилася каритнка округления ?каритнки есть!
trysikov
в html пишем
<div class="container">
?<div class="tr">
??<div class="tl">
???<div class="bl">
????<div class="br">
?????<p class="text">TEXT</p>
????</div>
???</div>
??</div>
?</div>
</div>
в css пишем
.container{color:#FFFFFF;background-color:#FF9900;}
.tr{ background:url(tr.png) no-repeat top right;}
.tl{ background:url(tl.png) no-repeat top left;}
.bl{ background:url(bl.png) no-repeat bottom left;}
.br{ background:url(br.png) no-repeat bottom right;}
.text{text-align:left; padding:5px 10px 5px 10px;}
пример в низу
trysikov
можно и по другому зделать
в html пишем
<div class="rounded">TEXT</div>
в css
.rounded{background: #FF9900;}
.rounded:before{
content:url(tl.png);
background: url(tr.png) no-repeat 100%;
display: block;
}
.rounded:after{
content:url(bl.png);
background: url(br.png) no-repeat 100%;
display: block;
}
Leksus
trysikov, в вотором варианте не получилось картинки с лева все и между ними текст,а первый не вариант для меня
02 Фев 2011, 17:21