首页-帮助中心-详情

css常用的文本属性标签

发布日期:2023-11-02   来源:小码王编程    查看人数: 5

导读:css常用的文本属性标签:line-height控制行间距、text-indent段落的首行文本缩进、text-align文本对齐方式、coloer文本字体颜色...

css常用的文本属性标签:line-height控制行间距、text-indent段落的首行文本缩进、text-align文本对齐方式、coloer文本字体颜色

line-height行间距(行高):用于设置行间的距离


  1. <!DOCTYPE html> 

  2. <html> 

  3.     <head> 

  4.         <meta charset="utf-8"

  5.         <title>通高科技</title> 

  6.         <style> 

  7.             .num2{ 

  8.                   line-height: 30px; 

  9.             } 

  10.         </style> 

  11.     </head> 

  12.     <body> 

  13.         <div class="num2"

  14.             line-height行间距(行高):用于设置行间的距离 

  15.         </div> 

  16.     </body> 

  17. </html> 


text-indent文本缩进常用于段落的首行缩进


  1. <!DOCTYPE html> 

  2. <html> 

  3.     <head> 

  4.         <meta charset="utf-8"

  5.         <title>通高科技</title> 

  6.         <style> 

  7.             .num2{ 

  8.                   text-indent: 20px;/* 缩进20PX */ 

  9.             } 

  10.         </style> 

  11.     </head> 

  12.     <body> 

  13.         <div class="num2"

  14.             text-indent文本缩进常用于段落的首行缩进 

  15.         </div> 

  16.     </body> 

  17. </html> 


text-align文本对齐


  1. <!DOCTYPE html> 

  2. <html> 

  3.     <head> 

  4.         <meta charset="utf-8"

  5.         <title>通高科技</title> 

  6.         <style> 

  7.             .num2{ 

  8.                   text-align: center;/* 距中 */ 

  9.                   text-align: left;/* 左对齐 */ 

  10.                   text-align: right;/* 右对齐 */ 

  11.             } 

  12.         </style> 

  13.     </head> 

  14.     <body> 

  15.         <div class="num2"

  16.             text-align对齐方式 

  17.         </div> 

  18.     </body> 

  19. </html> 


css文本颜色


  1. <!DOCTYPE html> 

  2. <html> 

  3.     <head> 

  4.         <meta charset="utf-8"

  5.         <title>通高科技</title> 

  6.         <style> 

  7.             .num2{ 

  8.                     color:red; 

  9.             } 

  10.         </style> 

  11.     </head> 

  12.     <body> 

  13.         <div class="num2"

  14.             字体颜色 

  15.         </div> 

  16.     </body> 

  17. </html> 


你也想0元试听小码王少儿编程课程吗?
填写信息免费预约
我已阅读并同意《小码王服务条款》

免责说明:以上展示内容源于网络、合作媒体和网友提供,转载请说明出处。我们对站内所有内容、观点保持中立,如您发现该内容有任何违法/侵权信息,请及时联系我们处理!
本文标题:css常用的文本属性标签,本文链接: http://www.xiaomawang.vip/help/20934.html