Home >Web Front-end >HTML Tutorial >Image selection effect_html/css_WEB-ITnose
Image selection effect_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:21:451833browse
CSS
Please upload photos in QQ and select photo effects, as shown in the pictureIt is best to have sample code for the entire photo frame.
Reply to discussion (solution)
Is this easier to do with js?
js adds a style to the container after clicking, and this style displays the hook background Just click again to cancel this style
*{margin:0;padding:0;}
body{font-size:12px;}
ul{list-style:none;}
#imgbox{width: 450px;margin:100px auto; overflow:hidden;zoom:1;}
#imgbox ul li{width:120px; height:100px; float:left; margin-right:10px; margin-bottom:10px; border: 1px solid #fff; padding:30px 2px; cursor:pointer;}
#imgbox ul li img{width:120px; height:100px;}
#imgbox ul li.current{border:1px solid #5d90ab; background:url(images/ok.jpg) 0 0 no-repeat;}