css控制 区域 圆角 显示

通过以下的方式让一段文字在一个框中显示

这个框是有颜色的，

并且这个框的四周是圆角。

 

 

<style>

.frame_lower {

    /* 这个图片是大的，底部是圆角 */

    /* 0是水平位置 100%代表垂直位置 */

    background:url(./images/bg_frame_lower.gif) no-repeat 0 100%;

    margin: 15px auto;

    width: 568px;

}

 

.fram_upper {

    /* 这个图片是小的，顶部是圆角 */

   background:url(./images/bg_frame_lower.gif) no-repeat;

   padding:1px 1px; 

}

 

.border {

     /* padding 后面的 参数 分别代表 上 右 下 左 */

    padding: 0 15px 0 30px;

    background-color:#000099;

}

</style>

 

<div class="frame_lower">

    <div class="frame_upper">

        <div class="border">

              sssssTest

        <div>

    <div>

<div>