zoukankan      html  css  js  c++  java
  • 第六章作业5

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>爱奇艺视频播放列表</title>
    <style type="text/css">
    li h2{
    font-size: 16px;
    color: #4D4D4D;
    }
    li p:nth-of-type(1){
    font-size: 14px;
    color: brown;
    }
    li p:nth-of-type(2){
    font-size: 12px;
    color:blue;
    }
    ul li{
    float: left;

    }
    </style>
    </head>
    <body>

    <h1>热播</h1>

    <ul>
    <li style="float: left;">

    <img src="../视图集子/图片/img1.png">
    <h2>神武赵子龙</h2>

    <p>怒,林更新不抱网红抱女神</p>

    <p>点击次数:242445次</p>
    </li>

    <li style="float: left;">
    <img src="../视图集子/图片/img2.png">

    <h2>旋风十一人</h2>

    <p>胡歌变教练在撩前女友</p>

    <p>点击次数:242445次</p>
    </li>
    <li style="float: left;">
    <img src="../视图集子/图片/img3.png">
    <h2>太阳的后裔</h<p>宋慧乔吃嫩草</p>

    <p>点击次数:242445次</p>

    </li>
    <li style="float: left;">
    <img src="../视图集子/图片/img4.png">
    <h2>山海经之赤影传说</h2>
    <p>娜扎张翰再度联手</p>
    <p>点击次数:242445次</p>
    </li>
    </ul>
    </body>
    </html>

  • 相关阅读:
    layoutSubviews总结
    Vue.js:循环语句
    Vue.js:条件与循环
    Vue.js:模版语法
    Vue.js:起步
    Vue.js-Runoob:目标结构
    Vue.js-Runoob:安装
    Runoob-Vue.js:教程
    Vue.js:template
    培训-Alypay-Cloud:蚂蚁金融云知识点
  • 原文地址:https://www.cnblogs.com/SUN99bk/p/7861902.html
Copyright © 2011-2022 走看看