html线框聚焦效果,一看就懂==[html] 边框组成、效果、分割线

加入内容

CODE:

加入内容

其它边框:

演示一

42071_1417583_1.jpg

CODE:

42071_1417583_1.jpg

演示二

42071_1417583_1.jpg

CODE:

42071_1417583_1.jpg

演示三

42071_1417583_1.jpg

CODE:

42071_1417583_1.jpg

演示四

42071_1417583_1.jpg

CODE:

42071_1417583_1.jpg

演示五

42071_1417583_1.jpg

CODE:

42071_1417583_1.jpg

纯代码实现的分割线

其中 width 规定线条的长度,还可以是百分比;color 是颜色,size 当然就是厚度了。

align 规定线条位置,left、right、center。

noshade 是否有立体效果。

最基本的:

CODE:


两头渐变透明:

CODE:


右边渐变透明:

CODE:


画虚线:

CODE:


立体效果:

" biggrin.gif? default smilies dz60 images.5d6d.net http: images . border="0"> XImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)" width="80%" color=#00ffff SIZE=3>

CODE:


钢针效果:

" biggrin.gif? default smilies dz60 images.5d6d.net http: images . border="0"> XImageTransform.Microsoft.Glow(color=#00ffff,strength=10)" width="80%" color=#00ffff SIZE=3>

CODE:


纺棰形:

CODE:


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值