📄 6.html

📁 《CSS完全使用详解》源文件下载书籍源码

💻 HTML

字号:

<html>
<head>
<title>CSS Demo</title>
<style>
body { background: #000030; }
div { position: absolute; }
</style>
</head>

<body>
<div  style="width:96%; height:96%; left:2%; top:2%; background: #FFB80C; border: solid 4px #FFFFFF;"></div>
<div style="width:280px; height:210px; left:210px; top:140px; background:#BFA846;"></div>
<div style="width:110px; height:370px; left:21px; top:440px; background:#A31A2B;"></div>
<div style="width:150px; height:140px; left:131px; top:670px; background:#A31A2B;"></div>
<div style="width:140px; height:120px; left:210px; top:381px; background:#FF8906;"></div>
<div style="left:131px; top:501px; width:190px; height:140px; background:#FF8906;"></div>
<div style="left:150px; top:670px; width:170px; height:70px; background:#503E8E;"></div>
<div style="left:410px; top:420px; width:200px; height:240px; background:#B42F2F;"></div>
<div style="left:490px; top:340px; width:20px; height:100px; background:#B42F2F;"></div>
<div style="left:410px; top:381px; width:50px; height:220px; background:#DA3A1A;"></div>
<div style="left:660px; top:500px; width:80px; height:160px; background:#DA3A1A;"></div>
<div style="left:500px; top:22px; width:241px; height:360px; background:#404BA0;"></div>
<div style="left:500px; top:80px; width:240px; height:180px; background:#C83680;"></div>
<div style="left:500px; top:270px; width:241px; height:180px; background:#5380B6;"></div>
<div style="left:500px; top:450px; width:241px; height:180px; background:#C83680;"></div>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -