久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

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

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

瀏覽:156日期: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配合

相關文章:
主站蜘蛛池模板: 德州市| 西乌珠穆沁旗| 南宁市| 桂东县| 玛曲县| 海城市| 伊金霍洛旗| 祁阳县| 环江| 土默特右旗| 赞皇县| 五峰| 烟台市| 仁怀市| 文水县| 德保县| 雷州市| 积石山| 青浦区| 上饶市| 宁国市| 南阳市| 鄄城县| 高密市| 赣榆县| 随州市| 华宁县| 湘阴县| 铜鼓县| 奈曼旗| 华阴市| 东兴市| 万载县| 新乐市| 扶沟县| 高邑县| 乐安县| 达州市| 林甸县| 炉霍县| 肥乡县|