CSS基础：text属性文本样式_css #text-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_52854090/article/details/120739483

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			div{
				width: 500px;
				height: 150px;
				background-color: rgb(255,0,0);
			}
			#div1{
				/* text-decoration，文本修饰
				 underline:下划线(a标签的默认效果) line-through:删除线
				 overline:上划线 none：无效果*/
				text-decoration: none;
				/* text-align：文本横向对齐方式，行内、行内块也可以看做文本,默认值是left */
				text-align: center;
				/* text-indent：首行缩进 单位(px，百分比，em/rem) */
				text-indent: 2rem;
			}
			/* 透明度值0~1，0表示完全透明，1表示完全不透明 */
			#div2{
				/* 当前元素以及元素内部内容都变透明 */
				opacity: 0.5;
			}
			#div3{
				/* rgba前三位是rgb颜色，最后一位是透明度，只针对当前颜色变透明 */
				background-color: rgba(255,0,0,0.5);
			}
			
		</style>
	</head>
	<body>
		<div id="div1">
			<span >
				汉皇重色思倾国，御宇多年求不得。杨家有女初长成，养在深闺人未识。
				天生丽质难自弃，一朝选在君王侧。回眸一笑百媚生，六宫粉黛无颜色。
			</span>
			春寒赐浴华清池，温泉水滑洗凝脂。侍儿扶起娇无力，始是新承恩泽时。
			云鬓花颜金步摇，芙蓉帐暖度春宵。春宵苦短日高起，从此君王不早朝。
		</div>
		<hr >
		<div id="div2">
			使用opacity设置透明度
		</div>
		<br>
		<div id="div3">
			使用rgba设置透明度
		</div>
	</body>
</html>