想做一个导航页面，效果像Iphone的菜单，如何用DIV&CSS实现

lxiron 2009-12-02 10:24:21

具体就是，上面是图片，下面是文字

高手帮忙！

...全文

110 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

夜雨_Jason 2009-12-02

打赏
举报



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<style type="text/css">

div{width:420px;}

a{

text-decoration:none;

display:inline;

float:left;

width:100px;

height:140px;

text-align:center;

margin-left:5px;

}

a img{

width:100px;

height:100px; 

display:block;

border:none;

}



</style>

</head>



<body>

<div>

<a href="#"><img src="1.jpg"><span>Maps</span></a>

<a href="#"><img src="1.jpg"><span>Maps</span></a>

<a href="#"><img src="1.jpg"><span>Maps</span></a>

<a href="#"><img src="1.jpg"><span>Maps</span></a>

<a href="#"><img src="1.jpg"><span>Maps</span></a>

<a href="#"><img src="1.jpg"><span>Maps</span></a>

<a href="#"><img src="1.jpg"><span>Maps</span></a>

<a href="#"><img src="1.jpg"><span>Maps</span></a>

<a href="#"><img src="1.jpg"><span>Maps</span></a>

</div>

</body>

</html>