✍ 📁 🙈 🙉 🙊 : Font style

<h3 class="hhh">字型樣式</h3>
<style>
dpf {height:60px;width:45%;float:left;
    font-size: 20px ;
    border-style: inset;text-align: center;
    border-color: orchid ;
    background-color: thistle;
    border-radius: 30px;
    margin:10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
  
h3 { text-align: center;
     font-size: 30px;
     font-weight: bold;
     text-shadow: 10px 6px 10px grey;
     color: blue; }
</style>

<dpf><strong>
<<?>strong> important text <br> 強調<<?>/strong>
</strong></dpf>

<dpf><em>
<<?>em> marks text <br> 強調 <<?>/em> 
</em></dpf>

<dpf><i>
<<?>i>italic 斜體 <<?>/i> 
</i></dpf>

<dpf><cite>
<<?>cite> Define the title <br> 作品名稱 <<?>/cite>
</cite></dpf>

<dpf><kbd>
<<?>kbd>keyboard input <br> 鍵盤符號<<?>/kbd>
</kbd></dpf>

<dpf><samp>
<<?>samp> Define text <br>簡單文字 <<?>/samp>
</samp></dpf>

<dpf><small>
<<?>small>superscript 縮小字型<<?>/small>
</small></dpf>

</div>

<h3 class="hhh">字型樣式</h3>
<style>
dpf {height:60px;width:45%;float:left;
    font-size: 20px ;
    border-style: inset;text-align: center;
    border-color: orchid ;
    background-color: thistle;
    border-radius: 30px;
    margin:10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
h3 { text-align: center;
     font-size: 30px;
     font-weight: bold;
     text-shadow: 10px 6px 10px grey;
     color: blue; }  
</style>

<dpf><tt>
<<?>tt> teletype text <br> 打字機文本 <<?>/tt>
</tt></dpf>

</dpf>
<dpf><abbr>
<<?>abb > 縮寫元素 <br> abbreviation element <<?>/abbr>
</abbr></dpf>

<dpf><u>
<<?>u> underlined 底線 <<?>/u>
</u></dpf>

<dpf><ins>
<<?>ins> inserted 插入 <<?>/ins>
</ins></dpf>

<dpf><del>
<<?>del> deleted 刪除線 <<?>/del>
</del></dpf>

<dpf><s>
<<?>s> Strikethrough 刪除 <<?>/s>
</s></dpf>

<dpf><strike>
<<?>strike> Strikethrough 刪除<<?>/strike>
</strike></dpf>

<dpf><mark>
<<?>mark> market 高亮文字 <<?>/mark>
</mark></dpf>

<dpf><var>
<<?>var> variables 變數 <<?>/var>
</var></dpf>

<dpf><<?>h1> to <<?>h6> Title word 標題字 <br>
<<?>h1>標題字<<?>/h1>
</dpf>

</div>

Edit

#ccs #HTML #blogger #字型樣式 #Font style

✍ 📁 🙈 🙉 🙊

window Resize

html 測試左入右出

html 測試上入下出

html 測試單入單出

html 測試左單右單

Font style

沒有留言:

張貼留言

window Resize

html 測試 左入右出

html 測試 上入下出

html 測試 單入單出

html 測試 左單右單