VUE2.0学习笔记(三):如何设置当前页面的背景色
代码如下:<template> <div> //div里面的代码省略了.div代表下图中灰色的容器 <div></template><style scoped>div{ width: 100%; height: 100%;
·
代码如下:
<template>
<div>
//div里面的代码省略了.div代表下图中灰色的容器
<div>
</template>
<style scoped>
div{
width: 100%;
height: 100%;
background-color: #f5f5f5;
}
</scoped>
出来的效果如下,但我需要的是把整个页面的背景色改为灰色。
方法是:
给div的增加一条样式(红色部分)就可以了~
div{
width: 100%;
height: 100%;
background-color: #f5f5f5;
position: fixed;
}
效果图如下:
更多推荐
已为社区贡献2条内容
所有评论(0)