在网页布局中如何制作图片列表

详细操作

1.经常会在网页上看到如下的效果：

基本上都是图片在上，标题在下，然后鼠标移动到上边有个样式的变化，而且整个图片和标题都可以点击的。

2. 准备一张240*170的图片，添加如下代码：

3. 预览效果如下图：

4. 首先定义全局样式

5. 预览基本没什么效果，

现在让每个li都靠左浮动

6. 预览效果：

7.美化一下效果，规定每个li的宽度，正好是图片的宽度，规定下li的外边据，并让文字居中

8. 预览效果如下：

9.现在的图片列表基本已经完成，剩下的就是对它的美化

首先增加a标签的选择区域，让整个a标签变为块元素。

并且给a下边的img一个固定宽度的边框，边框与图片有一像素的距离，并且图片距离底部3像素

10.预览效果：

11.给图片增加一个滑动过的效果，

12. 最终预览效果图：

用户类似问题：

问题1：如何布局网站页面

我做设计一般是这样的： 1、列出所需要的栏目及内容； 2、在PS（photoshop）中规划好布局图；然后设计出需要的样子； 3、在PS中切好图导入Dreamweaver中制作； 4、定制css样式,调试到理想完毕。 布局这些说起来很多了，你可以看看其他相近网站的... >>详细

问题2：网页制作中表格中插入图片如何设置图片大小

表格放图片那一格定义宽度高度即可。 还可以用css等方法。 在我们设计网页的时候，总会遇到一些不愉快的事情，最常见的莫过于在后台添加内容后才发现显示的页面被撑开，导致网页极度不美观。以前大家基本上都是设计表格，网上自然不少对于的解决... >>详细

问题3：在网页设计中,如何在表格布局中轻松控制文字和图片...

一样也得拿css来控制 >>详细

问题4：【网页制作】一张图片做首页，切完以后不知道怎么...

在dw里 添加三个一行两列的表格，然后再表格里面插入你的图片，要做背景的话也可以设置。 >>详细

问题5：请问：应该如何制作网站？网站里需要文字连接、字...

1.一个网站没有最安全的，任何代码都是有漏洞 2.网站安全性主要在网站代码是不是严密，服务器旁注也可能使网站中毒，前台提交表单，接收字段都要写防sql注入，前台最好不要开上传端口，后台地址不要很容易让人猜到，比如admin之类 3.防火墙方面... >>详细