Rumah >hujung hadapan web >tutorial css >分享利用CSS生成小圆点图案代码

分享利用CSS生成小圆点图案代码

高洛峰
高洛峰asal
2017-03-28 10:42:334066semak imbas

通过下面的代码,可以让你的网站背景上产生一些小圆点装饰图案。默认情况下,它是使用在body元素上,但你也可以把它使用在网页里的其他容器上。

body {
    background: radial-gradient(circle, white 10%, transparent 10%),
    radial-gradient(circle, white 10%, black 10%) 50px 50px;
    background-size: 100px 100px;
}

分享利用CSS生成小圆点图案代码

Atas ialah kandungan terperinci 分享利用CSS生成小圆点图案代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:CSS样式权值的详细介绍 Artikel seterusnya:CSS排版页面实例代码