薛之谦一半mv:学习笔记——贴图练习

来源:百度文库 编辑:九乡新闻网 时间:2024/04/28 14:31:15
       多福老人欢迎您
http://qwp43.360doc.com

贴图练习
利用代码贴图
代码

要求
(一)图片等宽width=600,上下等距,不需图框。
填入地址





效果





说明:
各图片间的链接,也可使用换行标记
,但图片间的距离较小,可多用几个

(二)图片等宽width=600,上下等距,图片居中,带框。
可有两种方法实现:
1)用制表格的方法,将图片作为背景图;2)用专用的加框代码。
第一种
代码






填入地址





















效果





说明:当用一行多列方式构建表格时,图片将横向排列。
(三)图片等宽width=600,上下等距,图片居中,带分立的边框。
这可通过制几个分离的表格并用分段标记连接实现
修正代码



   






 







 







 







 





效果





第二种
加凸出框代码
参阅
图片加边框

加入地址

style="border:25 outset #ff88ff">


style="border:25 outset #ff88ff">



style="border:25 outset #ff88ff">



style="border:25 outset #ff88ff">



style="border:25 outset #ff88ff">



效果





第二种方法较为简单,但也较为死板;第一种方法较为灵活,可以做出多种漂亮的图框,
参见多层表格制作
参考文章
单层表格制作
图片加边框
 用表格设置做图框