JavaWeb_CSS(16)_文字处理_对齐方式、首字放大

版权声明:如需转载,请注明出处 https://blog.csdn.net/qq_36260974/article/details/88430997

文字处理

文字对齐方式

示例代码
<!DOCTYPE html>
<html>

	<head>
	
		<meta charset="UTF-8">
		
		<title>www.weiyuxuan.com</title>
		
		<style type="text/css">

		p.left
		{
			text-align: left;/*元素内部的内容的对齐方式*/
		}
		.center
		{
			text-align: center;
		}
		.right
		{
			text-align: right;
		}
		</style>
		
	</head>
	
	<body>
		
		<hr/>
		
		<p class="left">魏宇轩</p>
		<p class="center">魏宇轩</p>
		<p class="right">魏宇轩</p>
	
	</body>
	
</html>

结果图:
在这里插入图片描述

实现首字放大效果

示例代码
<!DOCTYPE html>
<html>

	<head>
	
		<meta charset="UTF-8">
		
		<title>www.weiyuxuan.com</title>
		
		<style>
	
			body
			{
				background-color:activeborder;		/* 背景色 */
			}
			p
			{
				font-size:15px;				/* 文字大小 */
				color:white;				/* 文字颜色 */
			}
			p span
			{
				font-size:60px;				/* 首字大小 */
				float:left;					/* 首字下沉 */
				padding-right:5px;			/* 与右边的间隔 */
				font-weight:bold;			/* 粗体字 */
				font-family:黑体;			/* 黑体字 */
				color:yellow;				/* 字体颜色 */
			}
		</style>
		
	</head>
	
	<body>		
		
		<p><span>买了否冷</span>作为网络梗的该词,源自于波兰的一位名为 Hazel 的歌手创作的歌曲《I Love Poland》。
								成为网络梗是因为在某短视频 app 上很多人用该首歌作为 bgm,而“I Love Poland”这句歌
								词听起来的发音很像是“买了佛冷”,或者是“买了否冷”,因此就被大家记住了,成为网络
							       梗而流行起来。<p/>
	
	</body>
	
</html>

结果图:
在这里插入图片描述
如有错误,欢迎指正!

猜你喜欢

转载自blog.csdn.net/qq_36260974/article/details/88430997
今日推荐