CSS实例讲解

首页 > CSS实例讲解

目录

指定比 <font size=n> 更大的字体

<span style="font-size:25pt">更大的字体</span>
  ↓
更大的字体

指定文字的背景色

<span style="background:silver">背景色</span>
  ↓
背景色

显示没有下划线的链接文字

<a target="_blank" href="http://www.monmonkey.com/" style="text-decoration:none">链接</a>
  ↓
链接

增加行间距

<style type="text/css">
<!--
BODY { line-height: 200% }
-->
</style>
  ↓
这样可以增加
行间距。

段首缩进

<style type="text/css">
<!--
P { text-indent: 32px }
-->
</style>
  ↓

此段落为测试用文字,用途是展示 CSS 代码的段首缩进效果。欢迎光临猴子web入门——猴子也能看懂的网页制作入门。网址为http://www.monmonkey.com/。如果到这里还没有换行,请把浏览器缩小一些……orz

缩进

欢迎光临
<div style="margin-left:32px">
猴子web入门
</div>
网址为http://www.monmonkey.com/
  ↓
欢迎光临
猴子web入门
网址为http://www.monmonkey.com/

改变鼠标悬浮时的链接文字的颜色

<style type="text/css">
<!--
A:hover { color: red }
-->
</style>