天天看點

JavaWeb_CSS(15)_文字處理_加粗、斜體、下劃線

本系列部落格彙總在這裡:JavaWeb_CSS 彙總

目錄

  • ​​加粗、斜體、下劃線​​

加粗、斜體、下劃線

  • 示例
<!DOCTYPE html>
<html>  
  <head>    
    <meta charset="UTF-8">      
    <title>www.weiyuxuan.com</title>      
    <style>
      p
      {
        font-size: 15px;
      }
      .p1
      {
        font-weight: normal;
      }
      .p2
      {
        font-weight: lighter;
      }
      .p3
      {
        font-weight: bold;
      }
      .p4
      {
        font-weight: bolder;
      }
      .p5
      {
        font-style: italic;
      }
      .p6
      {
        font-style: oblique;
      }
      .p7
      {
        text-decoration: none;
      }
      .p8
      {
        text-decoration: underline;
      }
      .p9
      {
        text-decoration: overline;
      }
      .p10
      {
        text-decoration: line-through;
      }
      .p11
      {
        text-decoration: blink;
      }
    </style>      
  </head>   
  <body>      
    <hr/>     
    <h5>字型加粗</h5><hr/>
    <p class="p1">正常體</p>
    <p class="p2">加粗體</p>
    <p class="p3">加粗體</p>
    <p class="p4">加粗體</p>
    
    <h5>斜體</h5><hr/>
    <p class="p5">斜體</p>
    <p class="p6">斜體</p>
    
    <h5>文字的線</h5><hr/>
    <p class="p7">正常</p>
    <p class="p8">下劃線</p>
    <p class="p9">上劃線</p>
    <p class="p10">删除線</p>
    <p class="p11">閃爍</p>   
  </body>   
</html>      
  • JavaWeb_CSS(15)_文字處理_加粗、斜體、下劃線