西安东方大市场:初学制作边框和插入图片

来源:百度文库 编辑:汝南网 时间:2019/12/08 18:14:39

初学制作边框和插入图片

一、制作表格

最原始的表格边框





 

解释最原始的表格边框


一个表格开始 style="BORDER-COLLAPSE: collapse" 边框格式 borderColor=#ffff00边框线的颜色(黄)cellSpacing=12 细线到边的间距 cellPadding=10 文字到细线的边距  width=100 原始的表格宽度 bgColor=#800000 背景的颜色(红) border=8 边框线的宽度(厚度)>


代码前带斜杠的都是结束语

 

该替换的:

bgColor=#800000 背景颜色(红)

换成背景图片 background= http://bbs.muwen.com/fileuploaddir/4B277229877.jpg

 

修改表格的宽度和加上高度及修改格式:

width=100 原始的表格宽度  改为标准宽度760  加上height=高度

删除  style="BORDER-COLLAPSE: collapse" 边框格式,出现边框细线

 

背景素材:

index.asp?xAction=xReadNews&NewsID=10723

其中  http://www.zhaoni.cn/files/bbs/upload/11/788944.jpg

      http://www.zhaoni.cn/files/bbs/upload/11/788946.gif

 

***  制作表格完成后的全部代码





 

 

二、插入图片

插入图片后的原始代码:

点击图片看全图 href="http://www.zhaoni.cn/files/bbs/upload/11/788935.jpg" target=_blank>


 

其中有链接图片代码,要删了(初学者可以不删)

留下   

http://www.zhaoni.cn/files/bbs/upload/11/788935.jpg align=center border=0>

  其余都删了

 

加蒙画代码 style="FILTER: Alpha(Opacity=100,Style=2)"

加在这里 alt=""

src=http://www.zhaoni.cn/files/bbs/upload/11/788935.jpg  align=center  border=0>

 

***  插入图片完成后的全部代码

 

三、将《插入图片完成后的全部代码》  安插在  《制作表格完成后的全部代码》中的插在这里

 

四、全部完成的代码