日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

【小练习06】HTML+CSS--电影公告

發布時間:2025/3/20 HTML 20 豆豆
生活随笔 收集整理的這篇文章主要介紹了 【小练习06】HTML+CSS--电影公告 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

要求實現如下效果圖:

代碼演示

<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><style>h3,h4,p{margin: 0;}ul{margin: 0;padding: 0;list-style: none;}a{text-decoration: none;}.clearfix:after{content: '';display: block;clear: both;}section{width: 310px;}section h3{height: 28px;background: url(images/head_bg.gif);font: bold 12px/28px '宋體';color: #4c5354;padding-left: 38px;}.imgWrap{height: 131px;margin: 14px 0;}.imgLink{float: left;}.imgWrap img{padding: 2px;margin-right: 12px;border: 1px solid #c8c4d3;}.imgWrap div{float: left;width: 176px;}.imgWrap div h4{height: 27px;line-height: 27px;}.imgWrap div h4 a{font-size: 12px;color: #333;}.imgWrap div span,.imgWrap div p{font: 12px/20px "宋體";display: block;color: #666;}section li{height: 22px;font: 12px/22px "宋體";background: url(images/ico_01.gif) no-repeat 17px 9px;padding: 0 18px 0 31px;}section li a{color: #333;}section li span{color: #888;float: right;}</style></head><body><!--劃分結構1、看邊框2、看距離3、看顏色塊4、看背景圖片結構書寫的順序:從上到下,從左往右h1 首先,一個頁面中只能有一個h1標簽,整個頁面中找到大標題。如果沒有的話,可以選擇給logo浮動1、如果想讓兩個元素在一行中顯示,就用浮動2、用完了必需要清,給父級加清除浮動一行中所有的元素都浮動了,如果換行的話,那就是父級的寬度不夠了--><section><h3>明星薦片</h3><div class="imgWrap clearfix"><a href="#" class="imgLink"><img src="images/img_01.jpg" alt="" /></a><div><h4><a href="#">讓子彈飛一會</a></h4><span>導演:姜文</span><span>主演:姜文 姜文 姜文</span><p>點評:我最近喜歡的要算我最近喜歡的要算我最近喜歡的要</p></div></div><ul><li><a href="#">好的故事引人深思故事引</a><span>阿朵</span></li><li><a href="#">好的故事引人深思故事引</a><span>阿朵</span></li><li><a href="#">好的故事引人深思故事引</a><span>阿朵</span></li><li><a href="#">好的故事引人深思故事引</a><span>阿朵</span></li><li><a href="#">好的故事引人深思故事引</a><span>阿朵</span></li><li><a href="#">好的故事引人深思故事引</a><span>阿朵</span></li></ul></section></body> </html>

源碼地址:http://download.csdn.net/detail/baidu_37107022/9840935

總結

以上是生活随笔為你收集整理的【小练习06】HTML+CSS--电影公告的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。

主站蜘蛛池模板: 国产精品黄视频 | 日韩在线国产精品 | 久久狠 | 色啪网站| brazzers欧美极品少妇 | 老牛影视一区二区三区 | 波多野结衣电车 | 黄色av一区| 天天干夜夜操视频 | 国产suv精品一区 | 极品白嫩少妇无套内谢 | 四虎影视免费永久观看在线 | 国产精品久久毛片av大全日韩 | 日韩区在线观看 | 免费观看黄色网 | 婷婷色在线观看 | 韩日精品中文字幕 | 在线一区二区三区视频 | 69精品无码成人久久久久久 | 国产成人精品一区二区三区网站观看 | 国产中文字幕精品 | 成人在线免费视频播放 | 91视频网址 | 欧美又粗又长 | 色播综合网 | 日韩av手机在线 | 强伦轩人妻一区二区电影 | 国产老妇伦国产熟女老妇视频 | 天天躁日日躁狠狠躁av | 国产美女性生活 | 日本免费高清视频 | 国产99免费视频 | 日韩久久在线 | 91激情视频在线观看 | 伊人久久综合影院 | 毛片的网站 | 久久久久中文字幕 | 打美女屁股网站 | 国产精品色图 | 涩涩涩av | 日韩性在线 | 国产精品剧情一区 | 久久久久久国产精品视频 | 麻豆精品视频在线观看 | 欧美日韩亚洲系列 | 韩国三级在线 | 美国一区二区三区 | 人人澡人人澡 | 亚洲高清无码久久 | 日韩精品在线观看网站 | 欧洲美女粗暴牲交免费观看 | 成人性生交大片免费 | 清纯唯美亚洲色图 | 欧美a级黄色 | 岳狂躁岳丰满少妇大叫 | va婷婷在线免费观看 | 成年在线观看 | 欧美日韩视频免费 | 国产伦精品一区二区三区免费视频 | 日韩毛片在线看 | 韩国三级在线播放 | 美女视频91 | 欧美天天| 日韩一级片免费 | 日本一区二区三区四区五区 | 亚洲老老头同性老头交j | 亚洲婷婷一区 | 国产男人的天堂 | 阿拉伯性视频xxxx | 国产乱子伦一区二区 | 激情高潮呻吟抽搐喷水 | 隔壁人妻偷人bd中字 | 日本大尺度做爰呻吟舌吻 | 男女啪啪网站免费 | 亚洲人成电影网 | 久久久国产高清 | 伊人黄色网 | 久久久久性色av无码一区二区 | 国产精品乱码一区二区 | 亚洲成av人片在线观看 | 国产成人精品亚洲日本在线观看 | 黄色一级片av | h成人在线 | 成人人伦一区二区三区 | 韩国一区二区三区在线观看 | av黄色在线播放 | 欧美a在线看 | 欧美精品久 | 亚洲字幕成人中文在线观看 | 丰满大肥婆肥奶大屁股 | 激情视频在线播放 | 久操福利视频 | 女王脚交玉足榨精调教 | 91影院在线 | 国产精品夜夜夜爽阿娇 | 欧美高清在线一区 | 在线播放精品视频 | 欧美深性狂猛ⅹxxx深喉 | 国产性猛交╳xxx乱大交 |