search

Home  >  Q&A  >  body text

How to set pictures on the web page to slide left and right

<html> <head> <meta charset="UTF-8"> list{                          /* Width, height */                width: 500px;                                                                                                                  width Use the scroll bar for horizontal overflow (auto || scroll)*/ overflow:auto; } } # img-list>p{                                                                               /*                                                                                                                                                                              width:100px; /*Before the mouse hovers, add a border and set the color to Transparent*/          border-radius:5px;                                    /*border:2px solid transparent; border-color:#f00; box -shadow:3px 3px 0px 0px #ddd;</style> </head> <body> <!-- 1. Create a div of 500px*150px, id: img-list --> <div id="img-list"> <!-- 2. Create a p element of 800px*100px -->                                                                                    ="p_small_003.jpg">                                                              ">                                                            p_small_007.jpg">                                                                    

。。。。。。1591 days ago2098

reply all(1)I'll reply

  • 天蓬老师

    天蓬老师2020-11-09 09:40:30

    Requires js coordination

    reply
    0
  • Cancelreply