赵龙 全栈之路

【魔改经验分享02】活用css,一招搞定网站背景图片

| Comments

在 app/assets/stylesheets/application.scss 中加入以下代码即可,

 body {
     background: url("https://ww3.sinaimg.cn/large/006tNc79gy1ff6zr9y4yoj31kw11v4bv.jpg");
     //使用 iPic这个软件即可将图片转换为图片超链接,app store 搜索 iPic 即可

     background-size: cover;
     //这段代码主要实现了图片不会被拉伸变现的效果,具体细则在我发布的另一个教程中有说明

     background-attachment: fixed;
     background-repeat: no-repeat;
     font-family: 'Open Sans', sans-serif;
 }

注意:这个教程设定的背景图片可以应用到除了首页这类已经专门设定背景的所有网站页面,免去重复设定背景的烦恼。

效果截图

觉得我的教程对你有帮助,请在我的作品回复中留下你的优化建议。如果手中有多余的票,认可我的作品——“知识猎人公会”.宗旨:帮助大家更好的实现知识变现请,请投我一票。在此先谢谢了。

>点击>点击>点击>知识猎人公会<点击<点击<点击<

Comments

comments powered by Disqus