JavaWeb_CSS（16）_文字处理_对齐方式、首字放大

最新推荐文章于 2023-01-07 20:51:53 发布

魏宇轩

最新推荐文章于 2023-01-07 20:51:53 发布

阅读量1.5k

点赞数 1

分类专栏： CSS（更新完）文章标签： JavaWeb CSS 文字处理

本文链接：https://blog.csdn.net/qq_36260974/article/details/88430997

版权

CSS（更新完）专栏收录该内容

21 篇文章 3 订阅

订阅专栏

本系列博客汇总在这里：JavaWeb_CSS 汇总

一、文字对齐方式

示例

<!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>