html中加上边框的语句有哪些,HTML如何给自己的图片加上精美边框图片

HTML代码二详解:

(网上搜索的这组代码很好,预览还在,但发表以后,不见了,但具有参考价值,我又参考做了一组供大家享用。)

未修改代码详解:相框内径圆形、椭圆形和各种不规则图案的相框,如果先贴相框后贴相片,会把相框的圆形或花边复盖掉,无法显示相框的优美特点。调用css语法,在htnl标签行内套用相对定位和绝对定位语句,采用先贴相片后贴相框的方法,可以达到较佳的效果。但相框素材必须是内径无背景无画布空白的(透明的)。

1、表格标签设置相对定位 POSITION: relative,作为容器。

...

2、设置绝对定位代码POSITION: absolute,先贴图片。

3、设置绝对定位代码POSITION: absoluteN,在图片一面加叠相框。

4、以上三条标签中都有style语句,这是套用css的标记。

位置控制语句的理解.LEFT(水平的距离),TOP(垂直的距离)。

表格标签LEFT和TOP的启始值均设为零,作为本图框内所有插入内容位置的基准。

插入相片的位置控制,LEFT: 80px; WIDTH: 200px即距表格左边80px启200px宽。

插入相框的位置控制,LEFT: 40px; WIDTH: 300px即距表格左边40px启300px宽。

水平距离启始LEFT。数值大离左边就远,如果是负数,则溢出表格定位范围的左边。

垂直距离启始,TOP。数值大离顶边就低,如果是负数,则溢出表格定位范围的顶边。

相片加相框是否完美,在于调整位置参数。

修改后代码详解:绝对路径不显示,所以我只运用两组相对相对路径的代码。

相对路径1代码

%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80

在这组代码里我设置背景图片为background=0.jpg,让它空着或者这个代码可以去掉,把图片写在

...好控制图片的宽度和高度。这组代码必须写在最前面。

相对路径2代码

把相框地址写在背景图片地址内,让它表现前景。这组代码在前面的代码之后。

两组代码的背景宽度和高度一样,质调节图片的宽度和高度。调节上下两组代码的水平距离LEFT: 80px:垂直距离TOP: 100px值,使其位置显示恰当正确。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值