• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    在Dreamweaver中,怎樣才能使用樣式表

    在Dreamweaver中,可以使用style標簽為頁面添加樣式表。下面小編舉例講解在Dreamweaver中,怎樣才能使用樣式表。

    東西/原料

    • html+css
    • 代碼編纂器:Dreamweaver CS5

    方式/步調

    1. 1

      新建一個html文件,定名為test.html,用于講解在Dreamweaver中,如何才能利用樣式表。

    2. 2

      在test.html文件內,利用div標簽建立一行文字,例如“這是測試的內容”。

    3. 3

      在test.html文件內,為div標簽添加class屬性,例如,設置class為mykk。

    4. 4

      在test.html文件內,編寫<style type="text/css"></style>標簽,頁面的css樣式將寫在該標簽內。

    5. 5

      在css標簽中,經由過程id設置div的樣式,界說其寬度為150px,行高為40px,布景顏色為紅色,文字顏色為白色。

    6. 6

      在瀏覽器打開test.html文件,查看實現的結果。

      END

    總結:

    1. 1

      1、利用div標簽建立一行文字,為div標簽添加class屬性。

      2、在test.html文件內,編寫<style type="text/css"></style>標簽,經由過程id設置div的樣式。

      END

    注重事項

    • 除了經由過程id設置樣式,還可以利用class或者元素名稱設置樣式。
    • 發表于 2020-04-20 19:00
    • 閱讀 ( 1371 )
    • 分類:其他類型

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆