首页 > 代码库 > Head First HTML与CSS(第二版)

Head First HTML与CSS(第二版)

P31 显示index.html文件

 

   分别使用Chrome、IE浏览器进行测试时,显示效果不一样。PS:IE浏览器无法正确地显示页面主体周围的边框

 1 <html>
 2     <head>
 3         <title>Starbuzz Coffee</title>
 4         <style type="text/css">
 5             body{
 6                 background-color:#d2b48c;
 7                 margin-left:20%;
 8                 margin-right:20%;
 9                 border:2px dotted black;
10                 padding:10px;
11                 font-family:sans-serif;
12             }
13 
14         </style>
15     </head>
16     
17     <body>
18 
19         <h1>Starbuzz Coffee Beverages</h1>
20 
21         <h2>House Blend,$1.49</h2>
22         <p>A smooth,mild blend of coffees from Mexico, Bolivia and Guatenala.</p>
23 
24         <h2>Mocha Cafe Latte,$2.35</h2>
25         <p>Espresso, steamed milk and chocoloate syrup.</p>
26 
27         <h2>Cappuccino,$1.89</h2>
28         <p>A mixture of espresso, steamed milk and foam.</p>
29 
30         <h2>Chai Tea,¥1.85</h2>
31         <p>A spicy drink made with black tea, apices, milk and honey.</p>
32     </body>
33 
34 </html>

 

Head First HTML与CSS(第二版)