多语言展示
当前在线:1453今日阅读:60今日分享:41

css中多图排列

在网页设计中,经常见到多张图片排列的情况,对于多图排列设置的css中具体设置图片的方法进行探索
工具/原料
1

Adobe Dreamweaver CS5

2

200*200的图片若干张

方法/步骤
2

打开后,出现下列界面

3

在界面内输入

页面显示如下

4

无标题文档上面,继续输入

中输入class='container',具体如下图

5

再输入以下代码:.container div{ float:left; margin-top:20px; margin-left:25px;}.container p{ font-size:20px; font-family:黑体;}具体位置为下图所示

6

再输入以下代码:a{ text-decoration:none; color:#204402;}a:hover{ text-decoration:underline; color:red;}a:hover img{ border:4px #0b35ce solid;}具体位置如下

7

文件---保存或者文件---另存为

注意事项

步骤2中出现界面,是否在拆分界面,根据个人习惯,在代码、拆分、设计中切换