欢迎您！启步学代码

春晓

欢迎您！启步学代码。 （11）（供初学HTML代码的朋友参考） 用各种图片素材做边框套装 用金黄色图片作边框的代码： 用金黄色图片作边框的代码： 说明： --边框颜色 --图框内单元格背景颜色。 显示结果： 用图片作边框的六层图框套装代码； 插入标题文字 图文：网络 编辑：游子 　 　 显示结果： 插入标题文字 图文：网络 编辑：游子 　 用图片作边框的10层图框套装代码； 标题文字 插入内容 图文：网络/编辑：游子 　 用图片作边框的10层图框套装显示结果： 标题文字 插入内容 图文：网络/编辑：游子 （待续） 待续

春晓

欢迎您！启步学代码。 （12）（供初学HTML代码的朋友参考） 如何在图框套装内贴图片和文字。 用HTML代码在图框内贴图，图片必须是网络上的图片绝对地址（URL）。如果是本机硬盘的图片，应先上传到较隐定的空间（免费相册或可上传图片的论坛），取得图片的地址和图片的尺寸大小。新学习者最好选择一些较简单的图框来贴图。由于各论坛系统对贴子宽度有不同的限制，因此图框的宽最好不要超过500，图片则在400左右。 几种常用贴图代码。 第一种： 第二种： 第三种： 第一种最简易使用的贴图代码。 　　　　　　　 用网络上的图片绝对地址（URL）粘贴上去就可以了。但这种方法贴的图片，各论坛对图片宽度显示有不同的限制，有时不是原图片的尺寸，更不是你想要多大就多大。 这里有一张图片地址：http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg 把它粘贴在上面代码中的“图片地址”如下： 显示结果： 第二种简易使用的图片可定大小有黑色边框的贴图代码。 显示结果： 第三种用表格属性内容的贴图代码。 显示结果： （待续） 待续

春晓

送给女士们
名模胡兵写真

梅兰竹菊系列

图文：网 络

　

春晓

欢迎您！启步学代码。 （13）（供初学HTML代码的朋友参考） 特殊效果的贴图方法。 图片雾化或叫羽化效果，就是一张图片只突出显示中心的主要图像，周边朦胧淡化。方法有二种，即圆形雾化效果和矩形雾化效果。 (1)图片圆形雾化效果的代码： 显示结果： (2)图片矩形雾化效果的代码： 显示结果： 圆形雾化效果和矩形雾化效果代码是一样的，不同之处在： 圆形雾化效果　style=2 矩形雾化效果　style=3 图片大小可调的贴图代码： : 显示结果： 图片大小可调的贴图代码与常用贴图代码不同之处在标签名： 图片大小可调的贴图代码标签名　常用贴图代码标签名　同样的一组图片大小可调贴图代码，只要改变宽度width=600　的参值，就可实现图片变大小。 （待续） 待续

春晓

春晓

棒

春晓

）和列（

中间插入。 例如： 欢迎您！启步学代码。 （14） （供初学HTML代码的朋友参考） 在图框内贴图或文字的位置设置方法。 　　根据插入的图片宽度和色彩选好图框。目前多数论坛对代码贴图的宽度限制在５００之内，所以图框包括边线宽度不能超过５００，插入的图片宽度 在４００以内，否则其超过部份就无法显示。如果图片很大，就要选宽度大于７００的图框，同时要设置全屏代码，才能完整显示。网络上有 很多漂亮的图框（套装），可以拿来套用。启步学习时，最好采用较简单的图框。 　　在一张图框或图片内如何插入文字和图片？ 　　要在表格的单元格 与 border=18> 插入文字或图片 插入文字或图片 插入文字或图片 代码实例： border=18> 万紫千红总是春 图文：网络／编辑：网名 显示结果： 万紫千红总是春 图文：网络／编辑：网名 　　 定位设置一些语句。 align（水平方向） 水平方向有左中右： left（左对齐） center（居中） RIGHT（右对齐） 水平方向位置设置代码： 内容左对齐 内容居中 内容右对齐 显示结果： 内容左对齐 内容居中 内容右对齐 valign（垂直方向） 垂直方向有靠顶和靠底. top（靠顶）,bottom（靠底） 垂直方向与水平方向相结合可以设置6个不同位置的指令如下： 居左靠顶 居中靠顶 居右靠顶 居左靠底 居右靠底 居右靠底 在图框内插入图片和文字位置的代码： background=http://www1.yunbbs.com/yaoyao/7/000.01.jpg border=10> 居左靠顶 width=100> 图片文字插入位置示例 居中 居右靠底 显示结果： 居左靠顶 图片文字插入位置示例 居中 居右靠底 　　图片文字插入位置控制还有其他方法，比如利用表格的行（

）设置多行多列等，以及坐标绝对定位等等。 （待续） 待续

春晓

）中间，多层图框内贴图也必须是这样。下面是一张六层图框贴图代码及其分段说明。 欢迎您！启步学代码。 （１６） （供初学HTML代码的朋友参考） 　　 在多层图框（套装）内贴图的方法。 　　学会文字设置和表格设置之后，就要学做有图片，文字和背景音乐的完整贴图了 。单层图框内插入图片文字内容，应该在表格的单元格（ 小李庄立体画欣赏 　　小李庄立体画是以草本植物的茎类为原料，利用其自然光泽、纹理和质感，借助现代技术把这一传统工艺推陈出新。 松鼠图 猫扑蝶 荷花、鸳鸯、小鸟、牡丹 中华瑰宝 图文：网络 **************************************************************** 代码及其分段说明。 第一段是6组六层边框（表格）代码的始标筌。 ............... .............. ................ . .............. 这里是第六层图框（表格）的单元格，开始插入内容。 ******************* 第二段是插入图片文字和背景音乐的区域。 小李庄立体画欣赏 ............................ ........................... ................................. 图文：网罗 ******************* 第三段是6组六层边框（表格）代码的尾标筌。

春晓

月舞影

辛苦了,说声谢谢!