css 波尔卡圆点

Posted 2021-05-13

tags:

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

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

// alert('Hello world!');

<!-- content to be placed inside <body>…</body> -->

<button class="test">Yes!</button>
<button class="test">Cancel</button>
<button class="test3">Yes!</button>

/**
 * Polka dot
 */
 * {font-size: 16px}
 .test {
	padding: 0.3em .8em;
	border: 1px solid raba(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.test {
		background-color: lightgreen;
	}

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

css 波尔卡圆点

css 波尔卡圆点图案

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

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