您的位置：首页 > Web前端 > CSS

CSS3 (四) 文本效果

2013-11-04 16:47 260 查看

CSS3 文本效果

CSS3 包含多个新的文本特性。

text-shadow属性：

<!DOCTYPE html>
<html>
<head>

<title>title</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style>
h1
{
text-shadow: 5px 5px 5px #ffff00;
}
}
</style>
</head>

<body>

<h1>文本阴影效果！</h1>

</body>
</html>

CSS3 自动换行 word-wrap

<!DOCTYPE html>
<html>
<head>

<title>title</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style>
p.test
{
width:15em;

border:2px solid #ff0000;
word-wrap:break-word;
}
</style>
</head>

<body>

<p class="test">这里是内容区。 请自动换行 这里是内容区。 请自动换行 这里是内容区。 请自动换行这里是内容区。 请自动换行</p>

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航