19_控制文本3.html 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. <style>
  8. .text1{
  9. /* 斜体 */
  10. font-style: italic;
  11. }
  12. i{
  13. /* 正常字体 */
  14. font-style: normal;
  15. }
  16. .text2{
  17. /* 删除线文本 */
  18. text-decoration: line-through;
  19. }
  20. .text3{
  21. /* 下划线文本 */
  22. text-decoration: underline;
  23. }
  24. u{
  25. /* 无下划线 */
  26. text-decoration: none;
  27. }
  28. </style>
  29. </head>
  30. <body>
  31. <p>
  32. <i>这是一个斜体段落</i>
  33. <span class="text1">这是一个段落</span>
  34. </p>
  35. <p>
  36. <del>这是一个删除线段落</del>
  37. <span class="text2">这是一个段落</span>
  38. </p>
  39. <p>
  40. <u>这是一个下划线段落</u>
  41. <span class="text3">这是一个段落</span>
  42. </p>
  43. </body>
  44. </html>