首頁 > web前端 > css教學 > css3怎麼改首字母顏色

css3怎麼改首字母顏色

青灯夜游
發布: 2022-04-25 16:08:00
原創
4439 人瀏覽過

在css3中,可用“:first-letter”選擇器和color屬性來修改首字母顏色,語法“元素:first-letter{color:顏色值;}”;“:first-letter”可選中元素的首字母,color可給選取的字母設定文字顏色。

css3怎麼改首字母顏色

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

css3修改首字母顏色

實作想法:

  • 使用「: first-letter」選擇器選取元素的首字母

  • 使用color屬性給選取的字母修改文字顏色。

    Color屬性可以指定文字的顏色。

實作程式碼:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style type="text/css">
			.first {
				width: 200px;
				height: 100px;
				border: 1px solid red;
			}

			.first p::first-letter {
				color: red;
			}
		</style>
	</head>
	<body>
		<div class="first">
			<p>aksadjklahkljasklf</p>
		</div>

	</body>
登入後複製

css3怎麼改首字母顏色

#擴充知識:

:first-letter選擇器可以使用下列屬性: 

  • font

  • color

  • #background

margin

##border
####################################################################### ###text-decoration############vertical-align (only if float is 'none')############text-transform##### #######line-height############float#############clear###########(學習影片分享:###css影片教學###、###web前端###)################

以上是css3怎麼改首字母顏色的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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