小辣椒 发表于 2021-12-23 22:31

（交作业）TO：黑黑

<br><br>
<div style="margin:4px auto;width:700px;border:solid 2px #a7e4d9; background:#fff; border-radius:40px;"><br><br>
      <p style="text-align:center;"><img style="width:550px;height:375px;" src="http://image.hnol.net/c/2021-07/08/20/202107082039369141-5087368.gif" /></p><br>

      <h1 style="color:#000;font-family:微软雅黑; font-size:20px;text-align:center;">红豆曲--陈力</h1>
      <p style="text-align:center;font-family:微软雅黑;color:#000;">《红楼梦 电视连续剧歌曲集原声带》</p>
      <pre style="font-family:微软雅黑;font-size:16px;">
            
                        滴不尽相思血泪抛红豆
                        开不完春柳春花满画楼
                        睡不稳纱窗风雨黄昏后
                        忘不了新愁与旧愁
                        咽不下玉粒金莼噎满喉
                        照不见菱花镜里形容瘦
                        展不开的眉头挨不明的更漏呀
                        恰便似遮不住的青山隐隐
                        流不断的绿水悠悠
                        绿水悠悠
                        绿水悠悠
                        滴不尽相思血泪抛红豆
                        开不完春柳春花满画楼
                        睡不稳纱窗风雨黄昏后
                        忘不了新愁与旧愁
                        咽不下玉粒金莼噎满喉
                        照不见菱花镜里形容瘦
                        展不开的眉头挨不明的更漏呀
                        恰便似遮不住的青山隐隐
                        流不断的绿水悠悠
                        绿水悠悠
                        绿水悠悠<br>
                        谢谢黑黑的教程 小辣椒还不是很懂
                        慢慢再练习 提高<br>
      </pre>
<p style="text-align:center;"><b><font color="#000" face="宋体" size="2">
    小辣椒 2021.12.23</p>
<br><br></p>
      <p style="text-align:left;">&nbsp;&nbsp;<audio style="width:80px;height:54px;" controls="controls" autoplay="autoplay" loop="loop" src="https://oss.shandianpan.com/8ae7ebc7a8b05828f1b9753e35706e6d.mp3 " type="audio/mpeg"></audio></p> <br><br>
</div>

小辣椒 发表于 2021-12-23 22:32

@马黑黑

马老师小辣椒改了一下自己平时的风格

小辣椒 发表于 2021-12-23 22:33

@红影
亲爱的，节约时间，旧帖新送{:4_170:}

加林森 发表于 2021-12-23 22:34

制作漂亮啊，赞！

小辣椒 发表于 2021-12-23 22:36

黑黑，现在我中间部分文字没有加色码，明天还要重新换个做一下，中间也是要加色码

小辣椒 发表于 2021-12-23 22:39

加林森 发表于 2021-12-23 22:34
制作漂亮啊，赞！

队长晚上好，我也是在学习，要改黑黑的css3代码一下子不会，还得要学习

加林森 发表于 2021-12-23 22:41

小辣椒 发表于 2021-12-23 22:39
队长晚上好，我也是在学习，要改黑黑的css3代码一下子不会，还得要学习

我也在学习啊

马黑黑 发表于 2021-12-23 22:51

这一部分的代码还可以简化:
<p style="text-align:center;"><b><font color="#000" face="宋体" size="2">
    小辣椒 2021.12.23 </b></p>


<p style="text-align:center;font-family:宋体;color:#000;font-size:12px;font-weight:bold;">小辣椒 2021.12.23</p>


就是说，只用一个 p 标签就行了。其中，font-weight:bold 表示用粗体字体，color:#000 表示文本颜色是黑色，font-size:12px 表示字体大小为12个像素

大猫咪 发表于 2021-12-23 22:53

辣椒制作真漂亮， 真棒！

{:4_204:}{:4_199:}

小辣椒 发表于 2021-12-23 22:59

马黑黑 发表于 2021-12-23 22:51
这一部分的代码还可以简化:

    小辣椒 2021.12.23


这个我知道的，我指歌词部分的字体颜色没有加色码

马黑黑 发表于 2021-12-23 23:01

小辣椒 发表于 2021-12-23 22:59
这个我知道的，我指歌词部分的字体颜色没有加色码

pre 标签有可操作的空间：

<pre sytle="color:#ff0000;font-size:14px;">
      歌词
</pre>

红影 发表于 2021-12-24 00:08

小辣椒 发表于 2021-12-23 22:33
@红影
亲爱的，节约时间，旧帖新送

亲爱的，你已经动手实践了啊，这个真漂亮，嗯嗯，css的边框，简单又好看{:4_187:}

樵歌 发表于 2021-12-24 07:42

还是俺们家小辣椒聪慧，一学就会一会就精，一精就棒得吓人。{:4_178:}

樵歌 发表于 2021-12-24 07:43

整洁、明快，看得爽心。{:4_174:}

小九 发表于 2021-12-24 09:21

精美！经典！绝唱！{:4_187:}
页: [1]
查看完整版本: （交作业）TO：黑黑