php介绍及html本质核心—2018年8月14日20时00分 - 每日作业

Home > List of blog posts > php介绍及html本质核心—2018年8月14日20时00分

Blogger Information

Blog 10

fans 0

comment 0

visits 5714

Special Recommendation

More>

Related recommendations

为什么选择PHP开发动态网站？

因为php开发快、上手快、迭代快，所以选择php来开发动态网站，而且php可以进行原生开发，可以进行框架开发，框架开发能更好的规范代码。时间就是生命。

实例

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<style>
    * {
        text-decoration: none;
    }

    table {
        width: 700px;
        text-align: center;
        margin: 20px auto;
        border-collapse: collapse;
    }

    caption {
        font-size: 3rem;
        /*1rem=10px*/
        font-weight: bolder;
        color: #666;
        margin-bottom: 20px
    }

    th {
        padding: 10px 0 10px 0;
    }

    table,
    th,
    td {
        border: 1px solid #666;
    }

    table tr:first-child {
        background-color: #b2edd6;
    }

    table tr:hover {
        background-color: #dce6e4;
    }

    img {
        border-radius: 20%;
    }

    button {
        background-color: #4CAF50;
        border: none;
        color: white;
        padding: 10px 20px;
        font-size: 15px;
        cursor: pointer;
        transition: box-shadow,background-color 0.4s,0.3s; 
    }
    button:hover {
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
    button:active {
        background-color: #dd966a;
    }

</style>

<body>
    <table>
        <caption>换手机计划</caption>
        <tr>
            <th>排 名</th>
            <th>品 牌</th>
            <th>型 号</th>
            <th>缩 略 图</th>
            <th>投 票</th>
        </tr>
        <tr>
            <td>1</td>
            <td>Apple</td>
            <td>i phone x</td>
            <td> <img src="//g-search1.alicdn.com/img/bao/uploaded/i4/TB1nYk_aGLN8KJjSZFGXXbjrVXa.jpg_180x180.jpg_.webp" width="100px" ;> </td>
            <td><button>投上一票</button> </td>
        </tr>
        <tr>
            <td>2</td>
            <td>华为</td>
            <td>荣耀10</td>
            <td><img src="https://img.alicdn.com/imgextra/i4/2215302589/TB2erJca6bguuRkHFrdXXb.LFXa_!!2215302589.jpg_430x430q90.jpg" width="100px"></td>
            <td><button>投上一票</button> </td>
        </tr>
        <tr>
            <td>3</td>
            <td>华为</td>
            <td>nova3</td>
            <td><img src="https://img.alicdn.com/imgextra/i1/2838892713/TB2akPHlOQnBKNjSZFmXXcApVXa_!!2838892713.jpg_430x430q90.jpg" width="100px">
                <td><button>投上一票</button> </td>
            </td>
        </tr>
        <tr>
            <td>4</td>
            <td>小米</td>
            <td>小米8</td>
            <td><img src="//g-search3.alicdn.com/img/bao/uploaded/i4/TB1319dicj_B1NjSZFHXXaDWpXa.jpg_180x180.jpg_.webp" width="100px">
                <td><button>投上一票</button> </td>
            </td>
        </tr>

    </table>


</body>

</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

Correction status：qualified

Teacher's comments：

Statement of this Website

The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!

All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement

0 comments

Author's latest blog post

盒模型样式及定位布局 —2018年8月16日20时00分

2018-08-17 16:03:47

学习PHP为什么必须要掌握HTML?

为什么选择PHP开发动态网站？

因为php开发快、上手快、迭代快，所以选择php来开发动态网站，而且php可以进行原生开发，可以进行框架开发，框架开发能更好的规范代码。时间就是生命。

实例