div 藍(lán)色 CSS 代碼的百度百科文章示例如下:
HTML 代碼:
<!DOCTYPE html>
<html>
<head>
<title>藍(lán)色 CSS 代碼</title>
<style>
body {
background-color: #f0f0f0;
color: #333;
h1 {
color: #fff;
text-align: center;
margin-top: 50px;
div {
width: 50px;
height: 50px;
margin: 0 auto;
background-color: #fff;
border-radius: 50%;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
display: inline-block;
font-size: 20px;
text-align: center;
div:nth-child(1) {
background-color: #007bff;
color: #fff;
div:nth-child(2) {
background-color: #006bff;
color: #fff;
div:nth-child(3) {
background-color: #0056ff;
color: #fff;
div:nth-child(4) {
background-color: #0048ff;
color: #fff;
div:nth-child(5) {
background-color: #0040ff;
color: #fff;
div:nth-child(6) {
background-color: #003fff;
color: #fff;
div:nth-child(7) {
background-color: #0031ff;
color: #fff;
div:nth-child(8) {
background-color: #002dff;
color: #fff;
div:nth-child(9) {
background-color: #0022ff;
color: #fff;
div:nth-child(10) {
background-color: #0019ff;
color: #fff;
div:nth-child(11) {
background-color: #0017ff;
color: #fff;
div:nth-child(12) {
background-color: #0015ff;
color: #fff;
div:nth-child(13) {
background-color: #0014ff;
color: #fff;
div:nth-child(14) {
background-color: #0013ff;
color: #fff;
div:nth-child(15) {
background-color: #0012ff;
color: #fff;
div:nth-child(16) {
background-color: #0011ff;
color: #fff;
div:nth-child(17) {
background-color: #0010ff;
color: #fff;
div:nth-child(18) {
background-color: #0009ff;
color: #fff;
div:nth-child(19) {
background-color: #0008ff;
color: #fff;
div:nth-child(20) {
background-color: #0007ff;
color: #fff;
div:nth-child(21) {
background-color: #0006ff;
color: #fff;
div:nth-child(22) {
background-color: #0005ff;
color: #fff;
div:nth-child(23) {
background-color: #0004ff;
color: #fff;
div:nth-child(24) {
background-color: #0003ff;
color: #fff;
div:nth-child(25) {
background-color: #0002ff;
color: #fff;
div:nth-child(26) {
background-color: #0001ff;
color: #fff;
div:nth-child(27) {
background-color: #0000ff;
color: #fff;
div:nth-child(28) {
background-color: #333;
color: #fff;
</style>
</head>
<body>
<h1>藍(lán)色 CSS 代碼</h1>
<div>這是一段 div 藍(lán)色的 CSS 代碼。</div>
</body>
</html>