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

    CSS如何做到將價格劃掉的效果

    新建一個html文件,定名為test.html,用于講解CSS若何做到將價錢劃失落的結果。

  • 2

    在test.html文件內,利用div標簽、span標簽建立商品價錢的顯示,代碼如下:

  • 3

    在test.html文件內,利用<style type="text/css"></style>標簽來標識css代碼編寫區。

  • 4

    在css標簽內,建立div,span標簽的樣式設置,代碼如下:

  • 5

    在css標簽內,設置div的樣式,利用font-size設置字體巨細為20px,line-height設置行高為50px。

  • 6

    在css標簽內,設置span的樣式,利用color設置文字顏色為紅色,text-decoration設置刪除線的結果。

  • 7

    在瀏覽器打開test.html頁面,可見,實現了將價錢劃失落的結果。

    • 發表于 2019-09-17 23:12
    • 閱讀 ( 972 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

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