wordpress中實(shí)現(xiàn)首字下沉效果

2024-09-07 00:50:25

字體：大中小

供稿：網(wǎng)友

首字下沉效果我們在css 2.1以版本就支持一個(gè):first-letter并且它可以與可以與任何元素關(guān)聯(lián),下面我們來看個(gè)實(shí)例,直接使用first-letter實(shí)例的一些實(shí)例,代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>css首字下沉效果</title>

<style type="text/css">

p:first-letter { font-size:36px; float:left; color:#f60; padding:5px; font-family:"黑體"}

</style>

</head>

<body>

<p>這個(gè)偽元素用于指定一個(gè)元素第一個(gè)字母的樣式。所有前導(dǎo)標(biāo)點(diǎn)符號(hào)應(yīng)當(dāng)與第一個(gè)字母一同應(yīng)用該樣式。某些語言有一些要處理為單個(gè)字符的字母組合，如果是這樣，用戶****可能會(huì)把首字母同時(shí)應(yīng)用到這個(gè)字母組合。<br/>

在 CSS2.1 之前，:first-letter 只能與塊級(jí)元素關(guān)聯(lián)。CSS2.1 擴(kuò)大了這個(gè)范圍，可以與任何元素關(guān)聯(lián)。可以應(yīng)用到首字母的屬性是有限的。<br /></p>

</body>

</html>