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

  • Dreamweaver CS3使用资源面板创建模板
  • Dreamweaver怎么设置代码主题?
  • [HTML5应用] CSS3倾斜的网页图片
  • Dreamweaver CS6如何应用:[14]插入控件
  • Dreamweaver CS6如何应用:[29]CSS百分比值
  • 热门搜索
    暑期旅游 广州莲花山旅游区 换房旅游 关于旅游的句子 天津旅游网 男士旅游鞋 绥中旅游 旅游网站制作 赞比亚旅游 旅游报