第四篇CSS

在标签上设置style属性:

background-color:#2459a2;

height:48px;

。。。

编写CSS样式:

1.在标签的属性中编写

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <body>
 8       <div style="background-color: aqua;height:48px;">12fhjkhjjk44</div>
 9       <div style="background-color: red;height:48px">ff1537ff</div>
10       <div style="background-color: pink;height: 48px">fhajhjak</div>
11 </body>
12 </html>

2.写在head里面,style标签中写样式

- id选择区

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <style>
 7         #i1{
 8             background-color: aqua;height:48px;
 9         }
10         #i2{
11             background-color: aqua;height:48px;
12         }
13     </style>
14 </head>
15 <body>
16       <div id="i1">12fhjkhjjk44</div>
17       <div id="i2">ff1537ff</div>
18       <div style="background-color: pink;height: 48px">fhajhjak</div>
19 </body>
20 </html>

猜你喜欢

转载自www.cnblogs.com/wz123/p/10323013.html