CSS中first-letter怎么使用

這篇文章主要介紹了CSS中first-letter怎么使用的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇CSS中first-letter怎么使用文章都會有所收獲，下面我們一起來看看吧。

成都創(chuàng)新互聯(lián)是一家專業(yè)提供貴南企業(yè)網站建設,專注與網站制作、成都做網站、HTML5建站、小程序制作等業(yè)務。10年已為貴南眾多企業(yè)、政府機構等服務。創(chuàng)新互聯(lián)專業(yè)網站設計公司優(yōu)惠進行中。

first-letter的寫法如下

p：first-letter{

/*描述你想要應用的CSS樣式*/

}

這是由p指定的塊元素。

它指向<p>標簽的p，如果要應用<h2>標簽，可以將其更改為h2。

我們來看具體的示例

代碼如下

HTML代碼

<html>

<head>

<metacharset="utf-8">

<title>first-letter</title>

<linkrel="stylesheet"type="text/css"href="sample.css">

</head>

<body>

<p>

</p>

</body>

</html>

CSS代碼

sample.css

p:first-letter{

color:#5bc0de;

font-size:300%;

}

運行結果

在瀏覽器上顯示如下所示的效果

first-letter

p后面是“：”（冒號），而不是“.”

如果只是弄錯了這一點就完全不適用了，所以要注意。

而且，如前面所說的，p是塊元素。塊元素指的是<p>標簽的p，如果要將其應用于<h2>，將其更改為h2就可以了。

我們在{}中寫下的CSS樣式。也就是說，只要寫一個你最想應用于第一個字符的樣式就可以了。

關于“CSS中first-letter怎么使用”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“CSS中first-letter怎么使用”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當前標題：CSS中first-letter怎么使用
文章出自：http://www.muchs.cn/article32/jdossc.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供品牌網站建設、定制開發(fā)、外貿建站、App開發(fā)、Google、營銷型網站建設

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容