天天看點
傳回

顔色與字型屬性

font-size 字型大小                font-style  斜體              font-weight  字型粗細（100-900，bold / bolder）            line-height行高

font-family字型                    font簡寫：字型大小/行高    字型          

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.box{
				color: #FF0000;
				font-family: "微軟雅黑";
			}
			.a{
				color: rgb(0,255,0);
				font-family: "新宋體";
			}
			.a1{
				color:rgba(0,0,255,0.3)
				font-family:"楷體"
			}
			.a2{
				color: rgba(100%,0%,0%,0.5);
	
			}
			p{
				font-size: 20px;
			}
			.a3{
				font-style: italic;
			}
			.p1{
				font-weight: 600;
				background: lightblue;
				line-height: 30px;
			}
			.p2{
				font-weight:lighter;
				opacity: 0.5;
				background: lightcoral;
				font: 30px/35px "楷體"
			}
			
		</style>
	</head>
	
	<body>
	
		<p class="box">我是p标簽</p>
		<p class="a">我是p标簽</p>
		<p class="a1">我是p标簽</p>
		<p class="a2">我是p标簽</p>
		<p class="a3">我是p标簽</p>
		<p class="p1">我是p标簽</p>
		<p class="p2">我是p标簽</p>
		
	</body>
</html>

運作效果如下：

顔色與字型屬性
css 顔色屬性 文字屬性
上一篇: ps裡面怎麼插入流程圖_教你如何正确畫工藝流程圖
下一篇: innerhtml 中擷取 input 值_教你幾招~在Python中擷取字典的值，你還在用方括号嗎？通路字典值的老(壞)方法使用.get()方法使用.setdefault()方法

繼續閱讀