码迷,mamicode.com
首页 > Web开发 > 详细

Head First HTML与CSS(第二版)

时间:2017-03-04 13:55:08      阅读:286      评论:0      收藏:0      [点我收藏+]

标签:浏览器   pad   font   ack   hone   logs   code   ade   xtu   

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(第二版)

标签:浏览器   pad   font   ack   hone   logs   code   ade   xtu   

原文地址:http://www.cnblogs.com/xu-yoyo/p/6500994.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!