CSS 图片廊

以下是使用CSS创建图片廊:

CSS 图片廊

添加图片描述

CSS 图片廊

添加图片描述

CSS 图片廊

添加图片描述

CSS 图片廊

添加图片描述


CSS 图片廊

图片廊

T以下是使用CSS创建图片廊:

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鸟教程(runoob.com)</title><style>

div.img{margin:2px; border:1pxsolid#0000ff; height:auto; width:auto; float:left; text-align:center;}div.imgimg{display:inline; margin:3px; border:1pxsolid#ffffff;}div.imga:hoverimg{border:1pxsolid#0000ff;}div.desc{text-align:center; font-weight:normal; width:120px; margin:2px;}

</style></head><body><divclass="img"><atarget="_blank"href="klematis_big.htm"><imgsrc="/images/klematis_small.jpg"alt="Klematis"width="110"height="90"></a><divclass="desc">Add a description of the image here</div></div><divclass="img"><atarget="_blank"href="klematis2_big.htm"><imgsrc="/images/klematis2_small.jpg"alt="Klematis"width="110"height="90"></a><divclass="desc">Add a description of the image here</div></div><divclass="img"><atarget="_blank"href="klematis3_big.htm"><imgsrc="/images/klematis3_small.jpg"alt="Klematis"width="110"height="90"></a><divclass="desc">Add a description of the image here</div></div><divclass="img"><atarget="_blank"href="klematis4_big.htm"><imgsrc="/images/klematis4_small.jpg"alt="Klematis"width="110"height="90"></a><divclass="desc">Add a description of the image here</div></div></body></html>

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

相关推荐