云计算-web第二次作业

作业标题

项目任务:使用表格的方式,完成网页效果
提示:一行6列的表格,没有边框

图片示例

作业成品.png

网页代码

使用VScode工具进行编写,代码如下:

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./music.css">
</head>
<body>
    <table style="box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);">
        <tr>
            <td class="music"><img src="./img/阿尔托莉雅.png" style="border-radius: 3%;border: 1px;" width="200px" height="250px">Fate 阿尔托莉雅・潘德拉贡[Alter]礼服版Saber 手办
                <div>
                <p class="box">¥<span>300</span>.00</p></div>
                </td>
            <td class="music"><img src="./img/高达.png" style="border-radius: 3%;border: 1px;" width="200px" height="250px">千手万代高达MG飞翼零式ka版手办黑雪姬敢达拼装模型
                <div>
                <p class="box">¥<span>1000</span>.00</p></div>
                </td>
            <td class="music"><img src="./img/美游.png" style="border-radius: 3%;border: 1px;" width="200px" height="250px">【APEX正版代理】蔚蓝档案 霞泽美游 1/7手办
                <div>
                <p class="box">¥<span>1500</span>.00</p></div>
                </td>
            <td class="music"><img src="./img/黄泉.png" style="border-radius: 3%;border: 1px;" width="200px" height="250px">小熊gk FA 崩坏 星穹铁道 引渡徘徊 残梦尽染 黄泉 手办
                <div>
                <p class="box">¥<span>1300</span>.00</p></div>
                </td>
            <td class="music"><img src="./img/三月七.png" style="border-radius: 3%;border: 1px;" width="200px" height="250px">【米哈游/崩坏:星穹铁道/定金】三月七1/7手办 miHoYo
                <div>
                <p class="box">¥<span>500</span>.00</p></div>
                </td>
            <td class="music"><img src="./img/L和夜神月.png" style="border-radius: 3%;border: 1px;" width="200px" height="250px">动漫周边Q版死亡笔记手办夜神月1200L粘土人模型
                <div>
                <p class="box">¥<span>150</span>.00</p></div>
                </td>
        </tr>
    </table>
</body>
</html>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 作业标题 使用表格实现一个英雄介绍界面 网页代码 使用VScode工具进行编写,代码如下:
    MoonArchive阅读 818评论 0 1
  • 1.作业 1.1什么是css语法? 答:CSS 语法由三部分构成:选择器、属性和值。CSS又名层叠样式表,选择器通...
    浩克与浩文阅读 3,134评论 1 1
  • 作业描述 使用表格实现一个网页,介绍游戏中的英雄 网页代码 使用VSCode工具编写代码,代码如下
    明天早点睡_abdb阅读 472评论 0 0
  • 使用table创建表格,使用href跳转网页,使用图片超链接插入图片。 网页代码 使用VScode工具编写代码,如下:
    Cx330_a65a阅读 27评论 0 0
  • 作业描述 使用表格实现一个网页,介绍我游戏中的各位英雄 网页代码 使用VSCode工具编写代码,如下:···<!D...
    LD_2417阅读 50评论 0 1