请实现一个网页顶部区域显示四个小方块颜色分别是 RED BLUE YELLOW GREEN 方块大小为20px请在每一个方块后面增加颜色的描述文字
<!DOCTYPE html>
<html>
<head>
<title>Color Blocks</title>
<style>
.block {
width: 20px;
height: 20px;
display: inline-block;
margin-right: 10px;
}
.red {
background-color: red;
}
.blue {
background-color: blue;
}
.yellow {
background-color: yellow;
}
.green {
background-color: green;
}
.color-name {
display: inline-block;
margin-right: 20px;
}
</style>
</head>
<body>
<div class="block red"></div>
<span class="color-name">RED</span>
<div class="block blue"></div>
<span class="color-name">BLUE</span>
<div class="block yellow"></div>
<span class="color-name">YELLOW</span>
<div class="block green"></div>
<span class="color-name">GREEN</span>
</body>
</html
原文地址: https://www.cveoy.top/t/topic/gsFT 著作权归作者所有。请勿转载和采集!