CSS Control Area rounded corner display

Use the following method to display text in a box

The box is colored,

The box is surrounded by rounded corners.

 

 

<Style>

. Frame_lower {

/* The image is large and the bottom is a rounded corner */

/* 0 indicates the horizontal position. 100% indicates the vertical position */

Background: URL (./images/bg_frame_lower.gif) No-repeat 0 100%;

Margin: 15px auto;

Width: 568px;

}

 

. Fram_upper {

/* The image is small and rounded at the top */

Background: URL (./images/bg_frame_lower.gif) No-Repeat;

Padding: 1px 1px;

}

 

. Border {

/* The parameters after padding represent the top right bottom left */

Padding: 0 15px 0 30px;

Background-color: #000099;

}

</Style>

 

<Div class = "frame_lower">

<Div class = "frame_upper">

<Div class = "border">

Ssssstest

<Div>

<Div>

<Div>