很容易理解的前端基礎(chǔ)CSS-如何美化你的網(wǎng)站【零基礎(chǔ)向】

?<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>一個(gè)</ins>css實(shí)例</h1>
? ? ? <h2>這是<span style="color: rgb(23, 24, 24);">另一個(gè)</span>css實(shí)例</h2>
? ? </div>