web(html运行）设置字体大小、样式及字体名称

阳光穿透心脏的1/2处 2023-01-17 03:29 372阅读 0赞 
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>CSS列表属性综合应用</title>
  6.  <style type="text/css">
  7.      h3{
  8.      text-align: center;color: #3300ff;}
  9.      hr{
  10.      color: #660066;}
  11.      #p1{
  12.      font-size: 20px;font-style: normal;font-family: 宋体；}
  13.      #p2{
  14.      font-size: 200%;font-style: italic;font-family: 楷书，隶书；}
  15.      #p3{
  16.      font-size:x-small;font-style: oblique;font-family: 楷书，宋体；}
  17.      #p4{
  18.      font-size:xx-large;font-style: oblique;font-family: 黑体，隶书，楷体_gb2312;}
  19.  </style>
  20. </head>
  21. <body>
  22. <h3>设置字体大小、样式及字体名称</h3>
  23. <hr>
  24. <p id="p1">字号大小20px、字体正常、宋体</p>
  25. <p id="p2">字号大小200%、字体斜体、隶书</p>
  26. <p id="p3">字号大小x-small、字体歪斜体、宋体</p>
  27. <p id="p4">字号大小xx-large\字体歪斜体、黑体</p>
  28. </body>
  29. </html>

在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，372人围观）

还没有评论，来说两句吧...

相关阅读