关于本站
“最难不过坚持”
本人承接扒站仿站,php网站维护,病毒查杀,网站编辑,网站改版,html制作
有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339
2344
35
分类目录
最新评论
- :weixiao:
-
- 有啥好的解决方法不 :weiqu:
-
- <script>alert(11)</script>
-
- :kaixin: :haha:
-
- 666 :kaixin:
-
文章标签更多
打开边栏(ESC)
关闭边栏(ESC)
定义的颜色部分是相同的
--blue: #007bff;和--primary: #007bff;<br> --red: #dc3545;和--danger: #dc3545;<br> --yellow: #ffc107;和--warning: #ffc107;<br> --green: #28a745;和--success: #28a745;<br> --cyan: #17a2b8;和--info: #17a2b8;<br> --gray: #6c757d;和--secondary: #6c757d;<br> --gray-dark: #343a40;和--dark: #343a40;<br>
如图:
首先说使用方法:
background: var(--pink); color: var(--pink);
2,CSS var() 函数定义与用法
var() 函数用于插入自定义的属性值,如果一个属性值在多处被使用,该方法就很有用。
支持版本:CSS3
示例1
/* 定义一个名为 "--main-bg-color" 的属性,然后使用 var() 函数调用该属性:*/ :root { --main-bg-color: coral; } #div1 { background-color: var(--main-bg-color); } #div2 { background-color: var(--main-bg-color); }示例2
:root { --main-bg-color: coral; --main-txt-color: blue; --main-padding: 15px; } #div1 { background-color: var(--main-bg-color); color: var(--main-txt-color); padding: var(--main-padding); } #div2 { background-color: var(--main-bg-color); color: var(--main-txt-color); padding: var(--main-padding); }
示例3:
:root { --main-bg-color: coral; --main-txt-color: blue; --main-padding: 15px; }
示例3:
:root { --main-bg-color: coral; --main-txt-color: blue; --main-padding: 15px; }
赏


相关推荐
Bootstrap4中popper.min.js的作用
popper.min.js 用于设置弹窗、提示、下拉菜单,是第三方插件,目前 bootstrap.bundle.min.js 已经包含了 popper.min.js。
<script src="bootstrap-4.4.1/js/popper.min.js" ></script>
<script s...
Bootstrap4 .ml-auto元素居右.mr-auto元素居左
Bootstrap4 导航栏元素居右
Bootstrap 4正解:
.ml-auto元素居右
.mr-auto元素居左
评论加载中...