Board logo

標題: CSS 字體屬性 (一) 練習 [打印本頁]

作者: 陳育霖    時間: 2023-8-5 09:15     標題: CSS 字體屬性 (一) 練習

請依下圖製作一個相同的網頁,標題大小為h2,須將<p>設定為18px的大小、字體為Arial樣式。
[attach]16189[/attach]
本帖隱藏的內容需要回復才可以瀏覽

作者: 蔡幸融    時間: 2023-8-5 17:06

  1. <!DOCTYPE html>
  2. <html>

  3. <head>
  4.     <style>
  5.         p {
  6.             font-size: 18px;
  7.             font-style: oblique;
  8.             font-weight: bold;
  9.         }

  10.         p,
  11.         h1,
  12.         h2 {
  13.             font-family: Arial;
  14.         }
  15.     </style>
  16. </head>

  17. <body>
  18.     <h1>歡迎來到好裝潢有限公司</h1>
  19.     <ul>
  20.         <li><a href="#aboutus">關於我們</a></li>
  21.         <li><a href="#serve">服務</a></li>
  22.         <li><a href="#contact">聯絡我們</a></li>
  23.     </ul>
  24.     <div id="aboutus">
  25.         <h2>關於我們</h2>
  26.         <p>我們是一家專注於提供高品質的公司。我們的產品經過精心挑選,保政府和您的需求。</p>
  27.     </div>
  28.     <div id="serve">
  29.         <h2>服務</h2>
  30.         <p>我們提供多種服務,包括裝修、家具設計和室內設計。無論您的需求是什麼,我們都能滿足您的需求</p>
  31.     </div>
  32.     <div id="contact">
  33.         <h2>聯絡我們</h2>
  34.         <p>地址:某個城市,某個街道123號</p>
  35.         <p>電話:(123)456-7890</p>
  36.         <p>Email:info@company.com</p>
  37.     </div>
  38. </body>

  39. </html>
複製代碼





歡迎光臨 種子論壇 | 高雄市資訊培育協會學員討論區 (http://istak.org.tw/seed/) Powered by Discuz! 7.2