專注搜索競(jìng)價(jià)代運(yùn)營

成長之選 ,效果之道!

免費(fèi)咨詢熱線:17636682598

css常用的文本屬性標(biāo)簽

css常用的文本屬性標(biāo)簽:line-height控制行間距、text-indent段落的首行文本縮進(jìn)、text-align文本對(duì)齊方式、coloer文本字體顏色

line-height行間距(行高):用于設(shè)置行間的距離

  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行間距(行高):用于設(shè)置行間的距離 
  15.         </div> 
  16.     </body> 
  17. </html> 

text-indent文本縮進(jìn)常用于段落的首行縮進(jìn)

  1. <!DOCTYPE html> 
  2. <html> 
  3.     <head> 
  4.         <meta charset="utf-8"
  5.         <title>通高科技</title> 
  6.         <style> 
  7.             .num2{ 
  8.                   text-indent: 20px;/* 縮進(jìn)20PX */ 
  9.             } 
  10.         </style> 
  11.     </head> 
  12.     <body> 
  13.         <div class="num2"
  14.             text-indent文本縮進(jìn)常用于段落的首行縮進(jìn) 
  15.         </div> 
  16.     </body> 
  17. </html> 

text-align文本對(duì)齊

  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;/* 左對(duì)齊 */ 
  10.                   text-align: right;/* 右對(duì)齊 */ 
  11.             } 
  12.         </style> 
  13.     </head> 
  14.     <body> 
  15.         <div class="num2"
  16.             text-align對(duì)齊方式 
  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> 

本文分類:營銷學(xué)院

瀏覽次數(shù):31次瀏覽

發(fā)布日期:2022-07-04 15:49:06

本文鏈接:http://m.24hourphotoeditor.com/edu/2417.html