text-shadow:
此属性有4个值,前两个值分别表示水平方向位移距离和垂直方向的位移距离,第三个值表示阴影的模糊半径(包含0及以下的值均表示无模糊),最后一个则是阴影的颜色,
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
</style>
</head>
<body>
此属性有4个值,前两个值分别表示水平方向位移距离和垂直方向的位移距离,第三个值表示阴影的模糊半径(包含0及以下的值均表示无模糊),最后一个则是阴影的颜色,
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
</style>
</head>
<body>
<h1>文本阴影效果!</h1>
CSS3 自动换行
单词太长的话就可能无法超出某个区域:
在 CSS3 中,word-wrap 属性允许您允许文本强制文本进行换行 - 即使这意味着会对单词进行拆分:
下面是 CSS 代码:
允许对长单词进行拆分,并换行到下一行:
p {word-wrap:break-word;}
![]()
CSS3 @font-face 规则
使用您需要的字体
<style>
@font-face
{
font-family: myFirstFont;
src: url('/example/css3/Sansation_Light.ttf')
,url('/example/css3/Sansation_Light.eot'); /* IE9+ */
}
div
{
font-family:myFirstFont;
}
</style>