css 波尔卡圆点

Posted 2021-05-13

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css 波尔卡圆点相关的知识，希望对你有一定的参考价值。

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}

// alert('Hello world!');

<!-- content to be placed inside <body>…</body> -->
<button>Yes!</button>
<button class="cancel">Cancel</button>
<button class="ok">Ok</button>

html {
	font-size: 16px;
}
button {
	padding: .3em .8em;
	border: 1px solid rgba(0,0,0,.1);
	background: #58a linear-gradient(hsla(0,0%,100%,.2), transparent);
	border-radius: .2em;
	box-shadow: 0 .05em .25em rgba(0,0,0,.5);
	color: white;
	text-shadow: 0 -.05em .05em rgba(0,0,0,.5);
	font-size: 125%;
	line-height: 1.5;
}
button.cancel {
	background-color: #c00;
}
button.ok {
	background-color: #6b0;
}

以上是关于css 波尔卡圆点的主要内容，如果未能解决你的问题，请参考以下文章

css 波尔卡圆点

css 波尔卡圆点图案

ActionScript 3 AS3悬停/排斥波尔卡圆点

在css中设置ul样式，li的前面默认会出现黑色圆点，怎样修改圆点的颜色……求解