在网页设计中,经常见到多张图片排列的情况,对于多图排列设置的css中具体设置图片的方法进行探索
工具/原料
1
Adobe Dreamweaver CS5
2
200*200的图片若干张
方法/步骤
2
打开后,出现下列界面
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中出现界面,是否在拆分界面,根据个人习惯,在代码、拆分、设计中切换
上一篇:玉竹种植时需要注意什么?
推荐信息
- 1
css中多图排列
- 2
如何在web/h5端使用e签宝电子签名签署商务合同
- 3
要怎样在word里面弄电子签名
- 4
如何搭建苹果超级签名系统?
- 5
qq怎么发邮件到别人邮箱
- 6
qq的邮箱在哪里
- 7
邮箱格式qq怎么输入
- 8
常见的电子邮箱都有哪几种
- 9
如何注册邮箱
- 10
126邮箱怎么注册
- 11
如何注册电子邮箱账号,教你创建email邮箱账号
- 12
如何快速申请EDU邮箱
- 13
怎么获取11.tc个人专属邮箱?
- 14
明日之后怎么开启别人邮箱,开启别人邮箱的方法
- 15
我的邮箱在哪里找
- 16
常见邮箱格式有哪些
- 17
通过YoMail查看gmail邮件简单方便
- 18
mail163邮箱怎么查看剩余容量?
- 19
个人电子邮箱怎么填写
- 20
电子邮箱地址格式怎么写
- 21
怎么注册邮箱?