很容易理解的前端基础CSS-如何美化你的网站【零基础向】
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>张庆岩主页</title>
<style>
body {
margin: 0;
}
p{border-style: dotted solid;
border-width: 5px 3px 15px 2px;}
</style>
</head>
<body>
<div
style="border: solid red 10px;
background-color: rgba(155, 67, 155, 0.6);
max-width: 700px;
margin: 35px auto;
padding: 20px;
line-height: 1.5;
"
>
<p>今天星期一</p>
<p>明天星期二</p>
<p>这是星期三</p>
</div>
<div
style="background-color: aqua;
margin: 10px;
border: 10px solid royalblue;
padding: 10px;
">
<style>
h1{color: red;}
h2{color: #666;}
</style>
<h1>这是<ins>一个</ins>css实例</h1>
<h2>这是<span style="color: rgb(23, 24, 24);">另一个</span>css实例</h2>
</div>
