网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

css中多图排列

时间:2024-10-12 03:55:59

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、文件---保存或者文件---另存为

© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com