薛之谦一半mv:学习笔记——贴图练习
来源:百度文库 编辑:九乡新闻网 时间:2024/04/28 14:31:15
多福老人欢迎您
http://qwp43.360doc.com
贴图练习
利用代码贴图
代码
要求
(一)图片等宽width=600,上下等距,不需图框。
填入地址
效果
说明:
各图片间的链接,也可使用换行标记
,但图片间的距离较小,可多用几个
。
(二)图片等宽width=600,上下等距,图片居中,带框。
可有两种方法实现:
1)用制表格的方法,将图片作为背景图;2)用专用的加框代码。
第一种
代码
填入地址
效果
说明:当用一行多列方式构建表格时,图片将横向排列。
(三)图片等宽width=600,上下等距,图片居中,带分立的边框。
这可通过制几个分离的表格并用分段标记连接实现
修正代码
效果
第二种
加凸出框代码
参阅
图片加边框
加入地址
style="border:25 outset #ff88ff">
效果
第二种方法较为简单,但也较为死板;第一种方法较为灵活,可以做出多种漂亮的图框,
参见多层表格制作
参考文章
单层表格制作
图片加边框
用表格设置做图框
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">
效果
第二种方法较为简单,但也较为死板;第一种方法较为灵活,可以做出多种漂亮的图框,
参见多层表格制作
参考文章
单层表格制作
图片加边框
用表格设置做图框
学习笔记——贴图练习
学习笔记——插入图片练习
学习笔记——图片右移练习
学习笔记—— 字体大小
学习笔记——文字颜色
学习笔记——图片右边+文字
学习笔记——图片添加文字
学习笔记——换片+flash
学习笔记——图片的添加
学习笔记——插入动画
学习笔记——Flash+文字
学习笔记——单层表格制作
学习笔记——HTML图片(Images)
学习笔记——HTML列表(Lists)
学习笔记——HTML表单(Forms)
HTLM教程——学习笔记
学习笔记——多层表格制作
学习笔记——定位插入
学习笔记——图片加边框
学习笔记——插入多媒体
学习笔记——插入网上视频
学习笔记——加快开关机速度
中医理论学习笔记—读“医学衷中参西录”总结
学习笔记——文字的使用,发表文章