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>