基本文本样式

最新推荐文章于 2023-11-29 16:04:08 发布

遇见 - 怣

最新推荐文章于 2023-11-29 16:04:08 发布

阅读量88

点赞数

分类专栏：知识总结

本文链接：https://blog.csdn.net/m0_49378755/article/details/107379545

版权

知识总结专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>文本样式</title>
		<style>
			.a1{
				font-family: "楷体","微软雅黑";
			}
			.a2{
				font-style: italic;   /*normal正常  italic倾斜 */
			}
			.a3{
				font-variant: small-caps;      /* 字体变形, normal|small-caps   变为小型大写字母 */
			}
			.a4{
				font: italic small-caps bold 20px "楷书";   /* 简写 */
			}
			.a5{
				word-spacing: 10px;      /* 单词之间的距离 */
			}
			.a6{
				letter-spacing: 10px;     /* 字母之间的距离 */
			}
			.a7{
				text-transform: capitalize;  /* 首字母大写      uppercase 字母大写|lowercase 字母小写 */
			}
			.a8{
				text-decoration: underline;  /* 下划线  none空   overline上划线 line-through贯穿线 blink闪烁文字有的浏览器不支持 */
			}
		</style>
	</head>
	<body>
		<div>
			<span class="a1">你好，世界！</span><br/><br/>
			<span class="a2">Hello Word2！</span><br/><br/>
			<span class="a3">Hello Word3！</span><br/><br/>
			<span class="a4">Hello Word4！ 你好世界！</span><br/><br/>
			<span class="a5">Hello Word5！</span><br/><br/>
			<span class="a6">Hello Word6！</span><br/><br/>
			<span class="a7">hello word7,ha.how are you?</span><br/><br/>
			<span class="a8">hello word8！</span><br/><br/><strong></strong>
		</div>
		
	</body>
</html>

在这里插入图片描述

遇见 - 怣

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
基本文本样式

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>文本样式</title> <style> .a1{ font-family: "楷体","微软雅黑"; } .a2{ font-style: italic; /*normal正常 italic倾斜 */ } .a3{ font-var
复制链接

扫一扫

专栏目录