css中的text-indent屬性怎么用

發(fā)布時間：2022-02-25 11:24:55 來源：億速云閱讀：194 作者：小新欄目：web開發(fā)

這篇文章給大家分享的是有關(guān)css中的text-indent屬性怎么用的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

　　text-indent屬性規(guī)定文本塊中首行文本的縮進。

　　語法：

　　text-indent:length|%;

　　屬性值：

　　length：定義固定的縮進。默認值：0。

　　%：定義基于父元素寬度的百分比的縮進。

　　注釋：允許使用負值。如果使用負值，那么首行會被縮進到左邊。在CSS2.1之前，text-indent總是繼承計算值，而不是聲明值。

　　說明：text-indent屬性用于定義塊級元素中第一個內(nèi)容行的縮進。這最常用于建立一個“標簽頁”效果。允許指定負值，這會產(chǎn)生一種“懸掛縮進”的效果。

　　csstext-indent屬性示例

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<metacharset="utf-8">

　　<styletype="text/css">

　　div{

　　width:400px;

　　border:1pxsolid#000;

　　padding:10px;

　　text-indent:1cm

　　}

　　</style>

　　</head>

　　<body>

　　<div>

　　php中文網(wǎng)

　　</div>

　　</body>

　　</html>

css中的text-indent屬性怎么用

感謝各位的閱讀！關(guān)于“css中的text-indent屬性怎么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

向AI問一下細節(jié)

猜你喜歡