Vue 设置背景图片样式

Vue 设置背景图片样式CSS效果图CSS<style>body{background-image: url('./bg.jpg');background-size: cover;background-position: center;font: 14px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',s...

乐之终曲

5891人浏览 · 2020-04-07 16:26:37

乐之终曲 · 2020-04-07 16:26:37 发布

Vue 设置背景图片样式

CSS
效果图

CSS

<style>
body{
  background-image: url('./bg.jpg');
  background-size: cover;
  background-position: center;
  font: 14px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
  color: #4d4d4d;
  -webkit-font-smoothing: antialiased;
  font-weight: 300;
}
</style>

效果图

在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^