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

首页 > 博客列表 > php介绍及html本质核心—2018年8月14日20时00分

博主信息

博文 10

粉丝 0

访问量 7696

专题推荐

更多>

为什么选择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>

运行实例 »

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

批改状态：合格

老师批语：

本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！

全部评论文明上网理性发言，请遵守新闻评论服务协议

0条评论

作者最新博文

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

2018-08-17 16:03:47

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

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

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

实例