Rumah > hujung hadapan web > html tutorial > 单单用css可以做出这个效果吗求大神_html/css_WEB-ITnose

单单用css可以做出这个效果吗求大神_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-06-24 11:32:04
asal
958 orang telah melayarinya

就是在框框里插入N个图片,然后滚动条能够拖动,然后图片点击的时候有圆角框框的效果,有阴影什么的,这个作业是我今天看自学视频时,视频老师给的作业。。。想了半天都没想到要如何做,求大神帮忙。。。单单用css能做出这个效果吗??


回复讨论(解决方案)

有人知道吗。。???求大神帮忙

你确定你从第一集开始看的吗

<!doctype html><html lang="en"><head>	<meta charset="UTF-8" />	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />	<title> 页面名称 </title><style type="text/css">#box {	width: 600px;	height: 200px;	overflow: scroll;	white-space: nowrap;}#box img {	margin: 5px;	border: 3px solid transparent;	border-radius: 10px;}#box img:hover {	border: 3px solid #FF9900;	box-shadow: 0px 0px 10px #482915;}#box img:active {	border: 3px solid #FF3333;	box-shadow: 0px 0px 10px #ff9900;}</style></head><div id="box"><img  src="/static/imghw/default1.png"  data-src="http://avatar.csdn.net/4/F/7/1_wgf577.jpg"  class="lazy"   / alt="单单用css可以做出这个效果吗求大神_html/css_WEB-ITnose" ><img  src="/static/imghw/default1.png"  data-src="http://avatar.csdn.net/4/F/7/1_wgf577.jpg"  class="lazy"   / alt="单单用css可以做出这个效果吗求大神_html/css_WEB-ITnose" ><img  src="/static/imghw/default1.png"  data-src="http://avatar.csdn.net/4/F/7/1_wgf577.jpg"  class="lazy"   / alt="单单用css可以做出这个效果吗求大神_html/css_WEB-ITnose" ><img  src="/static/imghw/default1.png"  data-src="http://avatar.csdn.net/4/F/7/1_wgf577.jpg"  class="lazy"   / alt="单单用css可以做出这个效果吗求大神_html/css_WEB-ITnose" ><img  src="/static/imghw/default1.png"  data-src="http://avatar.csdn.net/4/F/7/1_wgf577.jpg"  class="lazy"   / alt="单单用css可以做出这个效果吗求大神_html/css_WEB-ITnose" ></div></body></html>
Salin selepas log masuk

谢谢了,我已经弄明白了

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan