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

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 > 前端技术 > CSS >内容正文

CSS

【小练习03】CSS-表格(table)--天气预报

發(fā)布時間:2025/3/20 CSS 32 豆豆
生活随笔 收集整理的這篇文章主要介紹了 【小练习03】CSS-表格(table)--天气预报 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

表格基礎(chǔ)知識鏈接:http://blog.csdn.net/baidu_37107022/article/details/71713281


練習(xí)要求實現(xiàn)如下效果圖:

代碼演示

<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><style>body{background: #ebeff7;}/*清除表格默認(rèn)樣式*/table{border-collapse: collapse;}th,td{padding: 0;}table{width: 640px;margin: 0 auto;}th,td{border: 1px solid #99b0da;text-align: center;}th{font: 14px/30px "微軟雅黑";background: #dbe3fa;}td{font: 12px/28px "微軟雅黑";background: #fff;}.bg{background: #f4f7fc;}img{vertical-align: middle;}.high{color: #e54600;}.low{color: #7171d1;}.space{height: 4px;border: none;background: #ebeff7;}</style></head><body><table><thead><tr><th colspan="2">日期</th><th colspan="2">天氣現(xiàn)象</th><th>氣溫</th><th>風(fēng)向</th><th>風(fēng)力</th></tr></thead><tbody><tr><td rowspan="2" class="bg">22日星期五</td><td class="bg">白天</td><td><img src="img/img_01.gif"/></td><td>晴間多云</td><td class="high">高溫7C</td><td>無持續(xù)風(fēng)向</td><td>微風(fēng)</td></tr><tr><td class="bg">夜間</td><td><img src="img/img_02.gif"/></td><td>晴</td><td class="low">低溫-4C</td><td>無持續(xù)風(fēng)向</td><td>微風(fēng)</td></tr><tr><td colspan="7" class="space"></td></tr><tr><td rowspan="2" class="bg">22日星期五</td><td class="bg">白天</td><td><img src="img/img_01.gif"/></td><td>晴間多云</td><td class="high">高溫7C</td><td>無持續(xù)風(fēng)向</td><td>微風(fēng)</td></tr><tr><td class="bg">夜間</td><td><img src="img/img_02.gif"/></td><td>晴</td><td class="low">低溫-4C</td><td>無持續(xù)風(fēng)向</td><td>微風(fēng)</td></tr></tbody></table></body> </html>

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

總結(jié)

以上是生活随笔為你收集整理的【小练习03】CSS-表格(table)--天气预报的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

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

主站蜘蛛池模板: 欧美日韩不卡一区 | 一本久久a精品一合区久久久 | 玖玖在线 | 亚洲综合国产精品 | 久久中文一区 | julia一区二区三区在线观看 | 久草免费在线视频 | eeuss国产一区二区三区黑人 | 久久久久久久女国产乱让韩 | 中文日韩欧美 | 象人高潮调教丨vk | 亚洲理论在线 | 亚洲最大成人综合网 | 亚洲一级黄色片 | 成人91免费| 韩国久久久久久 | 色婷婷婷婷 | 午夜性福利视频 | 国产精品日韩欧美大师 | 天堂在线观看 | 美丽的姑娘在线观看免费 | 日本一区免费看 | 涩涩屋污| zjzjzjzjzj亚洲女人 | 欧美偷拍另类 | 国产 日韩 一区 | 成人一区二区电影 | 一区二区高清在线观看 | 精品三级国产 | 久热国产精品视频 | 日韩涩| 一区二区网站 | 揄拍自拍 | 精品国产99久久久久久 | 日韩美女黄色片 | 成人在线免费 | 女人的毛片 | 青青草视频在线看 | 青娱乐在线视频观看 | 日本中文字幕视频在线 | 久久久久国产精品区片区无码 | 日本高清视频免费观看 | 正在播放老肥熟妇露脸 | 欧美日韩一区二区三区视频 | 影音先锋中文字幕在线播放 | 国产免费一级片 | 91精彩视频在线观看 | a v视频在线观看 | 午夜精品在线视频 | 亚洲综合首页 | 欧美一级做性受免费大片免费 | 国产18在线观看 | 美女网站免费观看视频 | 69av网| 爽爽淫人| 干老太太视频 | 5566色| 最新中文字幕免费 | 韩国无码一区二区三区精品 | 东京久久 | 国产精品视频免费看 | 国产69久久精品成人看 | 欧美级毛片 | 免费爱爱视频网站 | 亚洲第一区在线 | 亚洲美女毛片 | 这里只有精品999 | 欧美日韩激情网 | 欧美我不卡 | 欧美性视频一区二区三区 | 最新日韩av在线 | 国产精品第7页 | 香蕉综合网 | 久久久国产精品成人免费 | av男人的天堂在线观看 | 男人午夜视频 | 在线人成| 日日干夜夜干 | 在线观看免费黄视频 | 高中男男gay互囗交观看 | 欧美偷拍少妇精品一区 | 伊人网国产 | 一本大道综合伊人精品热热 | 一区二区韩国 | 精品少妇人妻av免费久久洗澡 | china国模大尺度pics | 日本一级淫片色费放 | 国产欧美不卡 | 玉米地疯狂的吸允她的奶视频 | 在线观看www. | 68日本xxxxxⅹxxx22 | 久久久久久久久99精品 | 男人的天堂va | 美女让男生桶 | 国产精品第七页 | 国产精品久久久久久吹潮 | 外国电影免费观看高清完整版 | 奶水旺盛的女人伦理 | 国产精久久久久 |