css网格背景样式

写bug断了电

已于 2024-06-19 19:11:19 修改

阅读量315

点赞数 1

分类专栏： CSS样式文章标签： css 前端 javascript

于 2024-05-31 10:22:26 首次发布

本文链接：https://blog.csdn.net/fyydashen/article/details/139345142

版权

CSS样式专栏收录该内容

6 篇文章 0 订阅

订阅专栏

空白内容效果图

ER图效果

注意：要给div一个宽高

<template>
    <div class="grid-bg"></div>
</template>

<style scoped>
.grid-bg {
  width: 100%;
  height: 100%;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgMTBoNDBNMTAgMHY0ME0wIDIwaDQwTTIwIDB2NDBNMCAzMGg0ME0zMCAwdjQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlMGUwZTAiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0iTTQwIDBIMHY0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBlMGUwIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+)
    repeat !important;
}
</style>