CSS3第四课背景的渐变你真的知道吗？

人生的方向随自己而走

已于 2022-10-17 07:58:55 修改

阅读量463

点赞数

CC 4.0 BY-SA版权

分类专栏： 2023年前端项目空间 2022年Java空间 HTML5+CSS 文章标签： css

于 2022-04-09 19:03:34 首次发布

本文链接：https://blog.csdn.net/qq_56248592/article/details/124065893

2022年Java空间同时被 3 个专栏收录

276 篇文章 ¥399.90 ¥499.90

订阅专栏

超级会员免费看

2023年前端项目空间

130 篇文章 ¥399.90 ¥499.90

订阅专栏

超级会员免费看

HTML5+CSS

45 篇文章

订阅专栏

本文详细探讨了CSS3中背景渐变的使用，通过实例解析，帮助读者彻底掌握背景渐变的各种技巧和应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

上面这个案例你学明白了.渐变不成问题了。

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<style type="text/css">
		*{
			margin: 1rem;
			/* 第二种方式设置色彩 rgba rgb  */
			/* background: rgba(100,0,0,0.3); */
			background-color: #000000;
			
			/* opacity: 0.9; */
			padding: 0rem;
			font-size: 20px;
			float: left;
			border-radius: 20px;
			border:  d