如何给网站导航栏目上添加new、hot等类型的小图标?

我们经常会看到很多网站和博客的导航栏上非常显眼且很具有吸引力的hot小图标、new小图标,虽然都是一些小的改善,但是有了这些图标,可以大大提高浏览者对此栏目的关注,帮助博主增加一些pv和粘度。如何给网站导航栏目上添加new、hot等类型的小图标?

具体设置方法:

首先,找到网站的导航所在的div标签,div就是控制对应内容的位置的。

其次,在导航所在的DIV内加入下面代码,

<img src="images/hot.gif" style="position:absolute;z-index:1001;margin-left:-450px;margin-top:-6px;">

这行代码就分别控制了hot图片的位置。其中:images就是对应图标所在网站目录的位置,style 是图标要放置网站上的具体位置。

最后,设定属性z-index 、margin-left margin-top的值来调整图标的位置,让你的hot图标显示到想要的位置上。

通过上面的设置,你就可以给自己的网站加上漂亮的hot图标了,new及其他的都是一个道理,另外,素材可以从网站上搜索,很多的。

属性涵义介绍

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

margin-left 属性设置元素的左外边距。

margin-top 属性设置元素的上外边距。

[原创文章],作者:倒影先生,如若转载,请自觉注明出处:http://www.vbamall.com/276.html

亲们,如果喜欢本站,请在PC端点击 [支持宏猫网],不花一分钱即可捐赠支持到我们,谢谢!

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

联系我们

建站、广告、合作

在线咨询:点击这里给我发消息
邮件:67670279@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

奋斗百年路,起航新征程!热烈祝贺中国共产党成立100周年!!!