作者: 随意人生_1b90 | 来源:发表于2017-04-22 16:03 被阅读0次

    1,div嵌套

    <div class="div1">

      <div class="div2">

        <div class="div3">

          <div class="div4"></div>

        </div>

      </div>

    </div>

    2,div样式

    .div1 {

    background-color: red;

    width: 555px;

    height: 555px

    }

    .div2 {

    background-color: yellow;

    width: 444px;

    height: 444px

    }

    .div3 {

    background-color: #f0f;

    width: 333px;

    height: 333px

    }

    .div4 {

    background-color: #080;

    width: 222px;

    height: 222px

    }

    运行结果:

    链接的颜色:

    1,创建链接<a>

    <table>

      <tr>

        <th><a href=" "></a></th>

        <th><a href=" "></a></th>

        .

        .

        .

      </tr>

    </table>

    2.css样式:

    .table {

    float: right;

    }

    .table th {

    padding: 0 10px 0 10px

    }

    .table a {

    text-decoration: none

    }

    .table a:link {

    color: #000

    }

    .table a:visited {

    color: #0F0

    }

    .table a:hover {

    color: #00F

    }

    .table a:active {

    color: #F30

    }

    未访问效果:

    访问后效果:

    鼠标悬浮效果:

    鼠标点击时效果:

    相关文章

      网友评论