|
<style>
#qsfg18 {
margin: 100px 0 130px calc(50% - 441px);
width: 880px;
height: 300px;
position: relative;
}
.fg181 {
position: absolute;
width: 400px;
height: 100px;
left: 10px;
top: 10px;
color: yellow;
text-shadow: 2px 2px 3px gold;
background-color:Lime;
box-shadow: 3px 3px 28px dimgray;
border: 1px solid gray;
font: bold 2.4rem sans-serif;
padding: 10px;
}
.fg182 {
position: absolute;
left: 10px;
top: 240px;
width: 400px;
height: 100px;
color: yellow;
text-shadow: 2px 2px 3px gold;
background-color: #00FF00;
box-shadow: 3px 3px 28px dimgray;
border: 1px solid gray;
font: bold 2.4rem sans-serif;
padding: 10px;
}
.fg183 {
position: absolute;
top: 10px;
left: 460px;
width: 400px;
height: 100px;
color: yellow;
text-shadow: 2px 2px 3px gold;
background-color: rgb(0,255,0);
box-shadow: 3px 3px 28px dimgray;
border: 1px solid gray;
font: bold 2.4rem sans-serif;
padding: 10px;
}
.fg184 {
position: absolute;
left: 460px;
top: 240px;
width: 400px;
height: 100px;
color: yellow;
text-shadow: 2px 2px 3px gold;
background-color:hsl(120, 100%, 50%) ;
box-shadow: 3px 3px 28px dimgray;
border: 1px solid gray;
font: bold 1.6rem sans-serif;
padding: 10px;
}
</style>
<div id="qsfg18">
<div class="fg181">标准色：Lime</div>
<div class="fg182">十六进制：#00FF00</div>
<div class="fg183">RGB:rgb(0,255,0)</div>
<div class="fg184">hsl :hsl(120, 100%, 50%); </div>
</div>
| 
发表于 2024-8-7 10:22
发表于 2024-8-7 10:38
哎，每天都学点东西，挺好玩的
