宏哥娱乐网:宏哥娱乐网-我们不生产资源,只做网络资源的搬运工!
当前位置:首页 > 最新文章

简单给你的网站logo图片添加圣诞节元素

宏哥 最新文章 6926

宏哥娱乐网本次为大家分享的是简单给你的网站logo图片添加圣诞节元素


2018一年一度的圣诞节即将来临,宏哥今天给大家分享一篇有趣的教程《给网站logo添加圣诞节元素》
使用方法:
1、准备好圣诞帽的素材(png透明背景)
2、确定自己的logo图片的div的id或者clss
3、给logo父元素增加相对定位position:relative,如已有则可以忽略。
每个模板的结构都不一样,所以大家需要根据自己的实际情况调整,关键点就是给logo选择器后面加after伪元素,并给logo父元素添加相对定位。

给你的LOGO/CSS文件加上代码,确定上图中的三点,加入以下css代码。

.logo:after {
    content: url(https://0d077ef9e74d8.cdn.sohucs.com/rccDCtt_png);
    display: block;
    position: absolute;
    top: 41px;
    left: 467px;
}

其中图片链接以及top高度,left值都需要自己按照自己的网站进行调整。

需要说明的一点是由于本教程不支持自适应模版,自适应的时候圣诞帽位置会浮动。
顺便附上几个圣诞帽图片:

    <!--内容结束-->

推荐阅读:

    协助本站SEO优化一下,谢谢!
    关键词不能为空

免责声明

本站提供的一切软件、教程和内容信息仅为个人学习测试使用,请在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容,不得用于任何商业用途,否则后果自负,请支持购买正版软件!如侵犯到您的权益,请及时与我们联系处理。敬请谅解!

sitemap