首頁 > web前端 > css教學 > CSS中first-letter如何使用

CSS中first-letter如何使用

不言
發布: 2018-12-08 15:29:23
原創
4113 人瀏覽過

使用First-letter可以將樣式套用於區塊元素的第一個字符,可以用於選取指定選擇器的首字母,那麼,我們可以怎麼使用CSS中CSS中CSS中first-letter如何使用如何使用呢?下面我們就來具體看看CSS中CSS中first-letter如何使用如何使用的用法。

以下圖片就是套用了「CSS中CSS中first-letter如何使用如何使用」的效果

CSS中CSS中first-letter如何使用如何使用

#只有第一個字元為彩色且字體大小設定為300%。

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

CSS中CSS中first-letter如何使用如何使用的寫法如下

p:CSS中CSS中first-letter如何使用如何使用{
   / *描述你想要应用的CSS样式* / 
 }
登入後複製

這是由p指定的塊元素。

它指向

標籤的p,如果要套用

標籤,可以將其變更為h1。

我們來看具體的範例

程式碼如下

HTML程式碼

<html>
  <head>
    <meta charset="utf-8">
    <title>CSS中CSS中first-letter如何使用如何使用</title>
    <link rel="stylesheet" type="text/css" href="sample.css">
  </head>
  <body>
    <p>
    </p>
  </body>
</html>
登入後複製

CSS程式碼

sample.css

p:CSS中CSS中first-letter如何使用如何使用{
  color:#5bc0de;
  font-size:300%;
}
登入後複製

運行結果

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

CSS中CSS中first-letter如何使用如何使用

p後面是「:」(冒號),而不是「.」

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

而且,如前面所說的,p是塊元素。區塊元素指的是

標籤的p,如果要將其應用於

,將其更改為h1就可以了。

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

以上是CSS中first-letter如何使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板