云計算-web第二次作業(yè)

作業(yè)標(biāo)題

項目任務(wù):使用表格的方式,完成網(wǎng)頁效果
提示:一行6列的表格,沒有邊框

圖片示例

作業(yè)成品.png

網(wǎng)頁代碼

使用VScode工具進(jìn)行編寫,代碼如下:

<!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/高達(dá).png" style="border-radius: 3%;border: 1px;" width="200px" height="250px">千手萬代高達(dá)MG飛翼零式ka版手辦黑雪姬敢達(dá)拼裝模型
                <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正版代理】蔚藍(lán)檔案 霞澤美游 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>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 作業(yè)標(biāo)題 使用表格實現(xiàn)一個英雄介紹界面 網(wǎng)頁代碼 使用VScode工具進(jìn)行編寫,代碼如下:
    MoonArchive閱讀 135評論 0 1
  • 1.作業(yè) 1.1什么是css語法? 答:CSS 語法由三部分構(gòu)成:選擇器、屬性和值。CSS又名層疊樣式表,選擇器通...
    浩克與浩文閱讀 497評論 1 1
  • 作業(yè)描述 使用表格實現(xiàn)一個網(wǎng)頁,介紹游戲中的英雄 網(wǎng)頁代碼 使用VSCode工具編寫代碼,代碼如下
    明天早點睡_abdb閱讀 82評論 0 0
  • 使用table創(chuàng)建表格,使用href跳轉(zhuǎn)網(wǎng)頁,使用圖片超鏈接插入圖片。 網(wǎng)頁代碼 使用VScode工具編寫代碼,如下:
    Cx330_a65a閱讀 39評論 0 0
  • 作業(yè)描述 使用表格實現(xiàn)一個網(wǎng)頁,介紹我游戲中的各位英雄 網(wǎng)頁代碼 使用VSCode工具編寫代碼,如下:···<!D...
    LD_2417閱讀 56評論 0 1

友情鏈接更多精彩內(nèi)容