您的当前位置:首页正文

html加彩线

2023-02-28 来源:好走旅游网
【教程】HTML模块或文章中添加漂亮立体彩色横线代

来源:博客特效大全 收藏整理:博客特效大全 hexun.com/yayb

和讯博客自定义html模块可以添加任意多的代码,那么内容多了的话,如何将不同的内容分开以示区别呢?为此本博客曾经介绍了文章《【教程】HTML模块中如何在不同内容间加一条横线》。这篇文章在此基础上,把原来横线变成“立体彩色横线”代码,美观实用。大家还是先看看效果图: 效果图:

代码:


progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)\" color=#00ffff SIZE=5 width=\"90%\">

代码使用说明:1.直接复制以上代码,放到自定义html模块不同内容之间,保存即可。如果放在文章当中,另外点击发表一篇文章——代码——把以上代码放进去——预览——就可以看到“立体彩色横线”——复制“立体彩色横线”者到您要发表的文章当中您想的位置,最后发表文章即可。2.代码中#f6ae56为立体横线的阴影部分颜色代码,代码中#00ffff为立体横线的切面部分颜色代码,您可根据《颜色代码大全》一文,选择喜欢的颜色代码,进行替换;红色数字5为横截面的宽度,您可以根据自己的需要进行修改,3.红色数字145 和 15分别为阴影部分的方向和长度,您可以根据自己的需要进行修改.

大家可千万别小看这短短的代码,本博客试过了,效果好,非常实用。

因篇幅问题不能全部显示,请点此查看更多更全内容