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