国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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配合

相關文章:
主站蜘蛛池模板: 国产精品一二三区 | 91成人在线播放 | 一级毛片免费观看不卡的 | 欧美成人三级大全 | 成人亚洲精品一区二区 | 久久国产欧美另类久久久 | 中日韩一区二区三区 | 欧美一区二区不卡视频 | 91看片淫黄大片欧美看国产片 | 国产在视频线精品视频www666 | 成人a视频| 欧美日韩专区国产精品 | 精品视频网 | 欧美亚洲国产成人精品 | 国产精品日韩欧美在线 | 中文字幕亚洲区 | 久久国产精品一区二区三区 | 国产欧美一区二区三区沐欲 | 欧美一级二级三级 | 97精品国产91久久久久久 | 亚洲视频三级 | 亚洲狠狠ady亚洲精品大秀 | 国产日产欧产精品精品推荐在线 | 久久久久久91香蕉国产 | 日韩国产精品欧美一区二区 | 中文字幕一二三区 | 国产成人精品亚洲2020 | 特级毛片免费观看视频 | 久久久久综合国产 | 国产偷怕自拍 | 99热久久免费精品首页 | aaaa级毛片欧美的 | 国产手机在线视频 | 欧美日韩高清性色生活片 | 精品一区二区三区波多野结衣 | 免费看美女午夜大片 | 欧美巨大精品videos | 亚洲最大看欧美片网站 | 99爱视频精品免视看 | 国产91久久精品 | 久久网免费视频 |