做網(wǎng)頁的時(shí)候經(jīng)常要實(shí)現(xiàn)一些類似于標(biāo)簽的標(biāo)識(shí)，這時(shí)很多人會(huì)使用圖片去實(shí)現(xiàn)，當(dāng)然這是一種做法，還有另外一種做法就是利用CSS3的屬性來實(shí)現(xiàn)該效果！下面看看效果圖：

要實(shí)現(xiàn)該效果原理就是右邊定位一個(gè)三角形，然后下面的夾角也是定位一個(gè)小三角形就可以實(shí)現(xiàn)如圖所描述的效果！

下面來看看簡要的代碼：

html:

主要CSS：

主要通過css偽類來添加2個(gè)三角形的效果，實(shí)現(xiàn)標(biāo)簽效果！

文章介紹了html標(biāo)簽里的input標(biāo)簽和label標(biāo)簽的美化效果！效果圖如下：

用在復(fù)選框中選擇，個(gè)性化了復(fù)選框的默認(rèn)樣式，增強(qiáng)用戶體驗(yàn)！

實(shí)現(xiàn)方法也非常簡單

下面看看代碼

html:

css:

篇文章繼續(xù)為大家介紹html常用修飾標(biāo)簽介紹。我們今天主要說下樣式標(biāo)簽<span>、內(nèi)容修飾標(biāo)簽<b><i>等的語法以及使用技巧。

1）樣式標(biāo)簽<span>

使用語法：<span>文章內(nèi)容</span>

<span>標(biāo)簽是沒有語義的，它的作用就是為了設(shè)置單獨(dú)的樣式用的。如果現(xiàn)在我們想要修改一篇文章中的幾個(gè)字字體效果，為它設(shè)置和其它文字不同的樣式，所以這樣情況下就可以用到<span>標(biāo)簽了。比如我們?cè)O(shè)置字體顏色為藍(lán)色，并設(shè)置字號(hào)大小為30px，代碼如下圖所示：

代碼在瀏覽器中顯示的效果就如下圖所示：我們可以清楚的看到被span標(biāo)簽包裹的文字內(nèi)容已經(jīng)變成了藍(lán)色，字體大小也變成了30px；

2）內(nèi)容修飾標(biāo)簽

內(nèi)容修飾標(biāo)簽有很多，這里我們簡單的來列舉一下標(biāo)簽的名稱以及標(biāo)簽的作用。

文字斜體標(biāo)簽： <i></i>、<em></em>

文字加粗標(biāo)簽： <b></b>、<strong></strong>

文字下標(biāo)標(biāo)簽： 

文字上標(biāo)標(biāo)簽： 

文字下劃線標(biāo)簽： <ins></ins>

文字刪除線標(biāo)簽： <del></del>

具體的代碼如下所示：

代碼在瀏覽器中顯示的效果就如下圖所示：每個(gè)被標(biāo)簽包裹的內(nèi)容都賦予了其獨(dú)立的效果。

好了以上就是我們所說的修飾標(biāo)簽，每個(gè)標(biāo)簽都有單獨(dú)的意義，在以后練習(xí)的時(shí)候可以自己多實(shí)踐一下，只有自己親自動(dòng)手去寫了才能明白其中的含義以及效果。

附贈(zèng)一句經(jīng)典語錄：每一天，都要盡心盡力的工作，每一件小事情，都力爭高效的完成，不是為了看到老板的笑臉，而是為了自身不斷的進(jìn)步。喜歡我的文章的小伙伴記得關(guān)注一下哦，每天將為你更新最新知識(shí)。