国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

怎么在網頁中設置圖片進行左右滑動

瀏覽:146日期:2022-06-22 11:39:53

問題描述

<html> <head> <meta charset="UTF-8"> <title>溢出處理作業</title> <style type="text/css"> #img-list{ /* 寬度,高度 */ width:500px; height:150px; /*邊框*/ border:1px solid #000; /*橫向溢出使用滾動條 (auto || scroll)*/ overflow:auto; } #img-list>p{ /* 寬度,高度 背景色 */ width:800px; height:100px; } #img-list>p>img{ width:100px; /*鼠標懸停之前,增加邊框,顏色設置為透明*/ border-radius:5px; /*border:2px solid transparent;*/ } /*鼠標懸停時,顯示邊框*/ #img-list>p>img:hover{ border-color:#f00; box-shadow:3px 3px 0px 0px #ddd; } </style> </head> <body> <!-- 1、創建一個 500px*150px 的div,id : img-list --> <div id="img-list"> <!-- 2、創建一個 800px*100px 的p元素 -->

<img src="p_small_001.jpg"> <img src="p_small_002.jpg"> <img src="p_small_003.jpg"> <img src="p_small_004.jpg"> <img src="p_small_005.jpg"> <img src="p_small_006.jpg"> <img src="p_small_007.jpg">

</div> </body></html>

問題解答

回答1:

需要js配合

相關文章:
主站蜘蛛池模板: 欧美性久久久久 | 一区二区三区在线播放 | 成人免费网址在线 | 精品无人区一区二区三区a 精品午夜国产在线观看不卡 | 国产v日韩v欧美v精品专区 | 欧美在线一区二区三区不卡 | 久草网在线视频 | 国产精品无码久久综合网 | 精品国产香蕉伊思人在线 | 色www永久免费| 国产女人成人精品视频 | 久久综久久美利坚合众国 | 国产三级午夜理伦三级 | 欧美一级成人影院免费的 | 一区二区三区不卡在线观看 | 国产午夜一级淫片 | 欧美精品午夜久久久伊人 | 99久久精品国产一区二区小说 | 色视频www在线播放国产人成 | 欧美在线乱妇一级毛片 | 在线中文字日产幕 | 综合在线视频精品专区 | 国产精品正在播放 | 真人一级一级特黄高清毛片 | 久久免费影院 | 国产精品久久久久a影院 | 免费久久精品视频 | 杨幂丝袜国产福利视频 | 欧美三级香港三级日本三级 | 伊人365影院 | 亚洲三级网 | 欧美在线成人午夜网站 | 亚洲国产精品网 | 亚洲精品国自产拍影院 | 国产做a爰片久久毛片a | www伊人| 日韩欧美视频一区二区在线观看 | 女黄人东京手机福利视频 | 久久青草免费线观最新 | 成人男女啪啪免费观看网站 | 国产女乱淫真高清免费视频 |