這篇文章給大家分享的是有關(guān)css3中text屬性的使用示例的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過來看看吧。
css3中text屬性有：1、顏色屬性color；2、文本對(duì)齊屬性text-align；3、字符間距屬性letter-spacing；4、文本行高屬性line-height；5、文本修飾屬性text-decoration。
1、color
作用：指定文本的顏色
說明：該屬性在塊、行內(nèi)、行內(nèi)塊的樣式表中都可以使用，改變被控制元素內(nèi)部所有文本的顏色
示例：
重慶分公司
重慶分公司
CSS3之text屬性
我是一名前端愛好者1
我是一名前端愛好者2
我是一名前端愛好者3
我是一名前端愛好者4
2、text-align
作用：指定元素文本的水平對(duì)齊方式
說明：只在塊級(jí)元素中使用生效，直接用在內(nèi)聯(lián)元素上不生效。如果使用該屬性，在塊元素中包含的文本、內(nèi)聯(lián)元素將會(huì)對(duì)齊，其內(nèi)的塊元素默認(rèn)不設(shè)置此屬性的話也會(huì)對(duì)齊，是因?yàn)樽訅K元素繼承父塊元素的text-align的屬性
示例：
CSS3之font屬性
大家好
大家好
大家好
In a sense we've come to our nation's capital to cash a check. When the architects of our republic wrote the magnificent words of the Constitution and the Declaration of Independence, they were signing a promissory note to which every American was to fall heir. This note was a promise that all men, yes, black men as well as white men, would be guaranteed the "unalienable Rights" of "Life, Liberty and the pursuit of Happiness." It is obvious today that America has defaulted on this promissory note, insofar as her citizens of color are concerned. Instead of honoring this sacred obligation, America has given the Negro people a bad check, a check which has come back marked "insufficient funds."
3、letter-spacing:
作用：增加或減少字符間的空白 （字符間距）
說明：負(fù)值過大時(shí)，字體會(huì)產(chǎn)生擠壓，但不會(huì)重疊
示例：
CSS3之text屬性
Hello World
Hello World
Hello World
4、line-height:
作用：設(shè)置文本的行高
說明：不允許使用負(fù)值
示例：
CSS3之text屬性
Hello World
Hello World
5、text-decoration
作用：規(guī)定添加到文本的修飾，下劃線、上劃線、刪除線等
說明：該屬性有以下三種簡寫 text-decoration-line，text-decoration-color，text-decoration-style
示例：
CSS3之text屬性
這是超鏈接
Hello World
Hello World
Hello World
Hello World
感謝各位的閱讀！關(guān)于css3中text屬性的使用示例就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！
