css中多图排列

2025-05-05 17:00:47

1、打开Adobe Dreamweaver CS5软件---新建HTML

css中多图排列

3、在界面内输入<div ><div><a href=&孥恶膈茯quot;#"><img src="08172618559.jpg"><p>主题一</p></a></div><div><a href="#"><img src="a0000058.jpg"><p>主题二</p></a></div><div><a href="#"><img src="ai0000002.jpg"><p>主题三</p></a></div><div><a href="#"><img src="ai0000006.jpg"><p>主题四</p></a></div></div>页面显示如下

css中多图排列

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

css中多图排列

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢