溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

css div對(duì)象設(shè)置內(nèi)容縮進(jìn)排版的方法是什么

發(fā)布時(shí)間:2022-01-21 16:18:10 來源:億速云 閱讀:277 作者:iii 欄目:web開發(fā)

本篇內(nèi)容主要講解“css div對(duì)象設(shè)置內(nèi)容縮進(jìn)排版的方法是什么”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“css div對(duì)象設(shè)置內(nèi)容縮進(jìn)排版的方法是什么”吧!

文字縮進(jìn),采納text-indent名堂單詞實(shí)現(xiàn),設(shè)置后div內(nèi)筆墨首即將縮進(jìn)閃現(xiàn)。

div設(shè)置裝備擺設(shè)縮進(jìn)有兩種門徑,一種div標(biāo)簽應(yīng)用style屬性直接配置css代碼格局,此外一種采納對(duì)div運(yùn)用class或id引入內(nèi)部設(shè)置裝備擺設(shè)新建好選擇器款式。

一、標(biāo)簽內(nèi)直接設(shè)置內(nèi)容縮進(jìn)

<div style="text-indent:25px">
直接標(biāo)簽內(nèi)使用縮進(jìn)<br />
測(cè)試形式CSS5實(shí)例<br />
測(cè)試模式CSS5對(duì)付div縮進(jìn)實(shí)例
</div>

css div對(duì)象設(shè)置內(nèi)容縮進(jìn)排版的方法是什么

以上直接標(biāo)簽內(nèi)應(yīng)用style屬性完成縮進(jìn)。

二、class或id使用外部css實(shí)現(xiàn)縮進(jìn)

殘破css div實(shí)例html代碼:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div內(nèi)模式縮進(jìn)實(shí)例 CSS5</title>
<style>
.exp{ text-indent:30px}
</style>
</head>
<body>
<div class="exp">
外部CSS完成首行形式縮進(jìn)<br />
測(cè)試CSS5實(shí)例<br />
測(cè)試CSS5關(guān)于div縮進(jìn)實(shí)例
</div>
</body>
</html>

告捷實(shí)現(xiàn)div模式縮進(jìn)實(shí)例截圖

css div對(duì)象設(shè)置內(nèi)容縮進(jìn)排版的方法是什么

到此,相信大家對(duì)“css div對(duì)象設(shè)置內(nèi)容縮進(jìn)排版的方法是什么”有了更深的了解,不妨來實(shí)際操作一番吧!這里是億速云網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI