CSS中的增加字体和颜色样式

最新推荐文章于 2024-07-02 11:31:18 发布

原创最新推荐文章于 2024-07-02 11:31:18 发布 · 1.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#css 字体颜色和样式

前端同时被 2 个专栏收录

80 篇文章

订阅专栏

css

47 篇文章

订阅专栏

本文通过实例演示了如何使用CSS中的text-decoration属性来实现文本的下划线、删除线、上划线等效果，并展示了如何结合em单位和百分比设置字体大小。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>增加字体和颜色样式:扩大你的词汇量</title>
		<style type="text/css">
			em{
				text-decoration: line-through;
			}
			p{
				text-decoration: underline;
			}
			body{
				font-size: 16px;
			}
		</style>
	</head>
	<body>
		<div id="app">
			<a style="font-size: 200%;">这个用的是百分之二百,也就是32px</a>
			<br>
			<a style="font-size: 2em;">这个用的是2em,这个也是32px</a>
			<br>
			<em>这个是line-through的效果</em>
			<p>这个是underline的效果</p>
			<span style="text-decoration: overline;">这个是overline的效果</span>
			<em style="text-decoration: none;">可以使用none去除效果</em>
			<p style="text-decoration: underline overline">同时有underline overline两个效果</p>
		</div>
		<script type="text/javascript">
			
		</script>
	</body>
</html>