round corner slice

Discussion in 'CSS' started by judge0, Oct 27, 2008.

0
  1. #1
    i have problem with round corner the background cover the corners i dont why

    [​IMG]

    [​IMG]
    <style>
.box{
background: #5b81a2  url(images/temp1_06.gif) no-repeat left bottom;
width:165px
}
.box h2{background: transparent  url(images/temp_top_03.gif) no-repeat left top;
padding: 10px 20px 0 20px;}
.box p{padding: 0 20px 10px 20px;}
</style>
<div class="box">
<h2>Headline</h2>
<p>You can actually use the same approach, but this time, instead of setting a background
color on the box, you can set a repeating background image. For this to work you will
need to apply the bottom curve image to another element. In this case, I used the last
paragraph element in the box:
</p>
</div>
    Code (markup):

     
    judge0, Oct 27, 2008 IP
  2. judge0

    judge0 Peon

    Messages:
    400
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #2
    the problem description link
     
    judge0, Oct 28, 2008 IP