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>

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

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

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

  43. </html>
複製代碼




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