记录一个渐进颜色,通过学习知道了下面属于线性渐变,例如:
linear-gradient(to right, blue, pink);
这是向右的线性渐变,再分享一张坐标图,参考菜鸟教程,我们也可以这么来写:
代码实现如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Lightly-HTML-Project</title>
<link type="text/css" rel="stylesheet" href="css/style.css"/>
<script type="text/javascript" src="js/script.js"></script>
<style>
#header {
width: 100%;
height: 5px;
background: linear-gradient(90deg, #008CD6 40%, #004280);
}
</style>
</head>
<body>
<div id="header"></div>
</body>
</html>
建议参考MDN学习:
使用 CSS 渐变 - CSS(层叠样式表) | MDN
简单分享一些,这个知识点开发中可以遇到了再查。
更多推荐
css颜色渐进
发布评论