css круглые углы - PullRequest
Новая
       15

css круглые углы

1 голос
/ 13 июля 2011

У меня три изображения.Один слева, один справа и один посередине.Вот что у меня есть: 

 <style type="text/css">
 img {border:0}

.bl {background: url(images/backer_left.gif) top left no-repeat; height:47px; }
.br {background: url(images/backer_right.gif) top right no-repeat; height:47px;}
.tr {background: url(images/backer_alt.gif) ; margin:0 4px 0 4px; font-size:12px; height:47px;}
.trText { padding:10px; } 
.clear { clear:both; }
</style>
<div class="bl">
  <div class="br">
    <div class="tr">
        <div class="trText">lay lay lomm</div>
    </div>
   </div>
</div>  
<div class="clear">&nbsp;</div>

Я не могу видеть левое и правое изображения.просто повторяющийся backer_alt.gif.Что я делаю неправильно?THX

отредактировал эту версию работы: 

 <style type="text/css">
 img {border:0}

 .bl {background: url(images/backer_left.gif) top left no-repeat; height:47px; }
 .br {background: url(images/backer_right.gif) top right no-repeat; height:47px;}
 .tr {background: url(images/backer_alt.gif) ; margin:0 4px 0 4px; font-size:12px; height:47px;}
   .trText { padding:10px; } 
 .clear { clear:both; }
 </style>
<div class="bl">
    <div class="br">
        <div class="tr">
            <div class="trText">lay lay lomm</div>
        </div>
    </div>
 </div>  
 <div class="clear">&nbsp;</div>

Ответы [ 2 ]

1 голос
/ 13 июля 2011

Как говорит Ной, добавляя правильное поле left & right к .tr, в зависимости от ширины угла, сделаю это появляется: 

.bl {background: url(images/backer_left.gif) no-repeat left top; }
.br {background: url(images/backer_right.gif) no-repeat right top; }
.tr {background: url(images/backer_alt.gif) repeat-x; margin:0 10px; padding:10 0; }
1 голос
/ 13 июля 2011

Попробуйте установить .tr margin на 10 пикселей вместо padding.Вам также, вероятно, нужно установить background-position на .br на top right, чтобы оно отображалось в правильном месте.

...