CSS中first-letter的使用方法-創(chuàng)新互聯

CSS中first-letter的使用方法？這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純热?，讓我們一起來看看吧?/p>

創(chuàng)新互聯公司-專業(yè)網站定制、快速模板網站建設、高性價比疏勒網站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式疏勒網站制作公司更省心,省錢,快速模板網站建設找我們，業(yè)務覆蓋疏勒地區(qū)。費用合理售后完善，十余年實體公司更值得信賴。

使用First-letter可以將樣式應用于塊元素的第一個字符，可以用于選取指定選擇器的首字母，那么，我們可以怎么使用CSS中first-letter呢？下面我們就來具體看看first-letter的用法。

以下圖片就是應用了“first-letter”的效果

CSS中first-letter的使用方法

只有第一個字符為彩色且字體大小設置為300％。

接下來我們就來看看first-letter的具體使用方法

first-letter的寫法如下

p：first-letter{
   / *描述你想要應用的CSS樣式* / 
 }

這是由p指定的塊元素。

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

我們來看具體的示例

代碼如下

HTML代碼

<html>
  <head>
    <meta charset="utf-8">
    <title>first-letter</title>
    <link rel="stylesheet" type="text/css" href="sample.css">
  </head>
  <body>
    <p>
    </p>
  </body>
</html>

CSS代碼

sample.css

p:first-letter{
  color:#5bc0de;
  font-size:300%;
}

運行結果

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

CSS中first-letter的使用方法

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

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

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

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

感謝各位的閱讀！看完上述內容，你們對CSS中first-letter的使用方法大概了解了嗎？希望文章內容對大家有所幫助。如果想了解更多相關文章內容，歡迎關注創(chuàng)新互聯網站制作公司行業(yè)資訊頻道。

當前題目：CSS中first-letter的使用方法-創(chuàng)新互聯
鏈接URL：http://muchs.cn/article0/pceio.html

成都網站建設公司_創(chuàng)新互聯，為您提供搜索引擎優(yōu)化、網站維護、服務器托管、定制網站、域名注冊、網站收錄

廣告

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

成都定制網站網頁設計