<div><h2>熱播</h2><ul><li><img src="../chapter04/練習(xí)4：制作愛奇異視頻播放列表/image/img1.png" alt=""><h4>神武趙子龍</h4><p>怒，林更新不抱網(wǎng)紅抱女神</p><p>點擊次數(shù)：242445次</p></li><li><img src="../chapter04/練習(xí)4：制作愛奇異視頻播放列表/image/img2.png" alt=""><h4>旋風(fēng)十一人</h4><p>胡歌變教練在撩前女友</p><p>點擊次數(shù)：242445次</p></li><li><img src="../chapter04/練習(xí)4：制作愛奇異視頻播放列表/image/img3.png" alt=""><h4>太陽的后裔</h4><p>宋慧喬吃嫩草</p><p>點擊次數(shù)：242445次</p></li><li><img src="../chapter04/練習(xí)4：制作愛奇異視頻播放列表/image/img4.png" alt=""><h4>山海經(jīng)之赤影傳說</h4><p>娜扎張翰再度聯(lián)手</p><p>點擊次數(shù)：242445次</p></li></ul></div>在這里插入代碼片 div{width: 1000px;margin: auto; } h2{font-size: 18px;line-height: 40px;padding-left: 40px; } ul li{list-style: none;display: inline-block;padding: 10px; margin-right: 5px; } li>img{border-radius: 10px; } ul li:hover{border-radius: 10px;box-shadow: 0 5px 5px 0 rgb(0, 0, 0,0.1),0 0 10px 0 rgb(0, 0, 0,0.2);/*這里是題外要求*/ li h3:nth-of-type(1){font-size: 16px;color: #4d4d4d; } li p:nth-of-type(1){font-size: 14px;color: #640000; } li p:last-child{font-size: 12px;color: blue; }}在這里插入代碼片

總結(jié)

以上是生活随笔為你收集整理的制作爱奇艺视频播放列表（第六章盒子模型）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。