响应式Web开发项目教程(HTML5+CSS3+Bootstrap)第2版 例2-1 text-shadow属性

代码

doctype html>
<html>
<head>
<meta charset="utf-8">
<title>text-shadow属性title>
<style type="text/css">
p {
    font-size: 50px;
    /*设置文字阴影的水平距离、垂直距离、模糊半径和颜色*/
    text-shadow: 10px 10px 10px #2c41ff;
}
style>
head>

<body>
<p>设置文本阴影p>
body>
html>

运行效果

响应式Web开发项目教程(HTML5+CSS3+Bootstrap)第2版 例2-1 text-shadow属性_第1张图片
文本外观属性用于设置颜色、字间距、字母间距、水平对齐、文本装饰、阴影等。

你可能感兴趣的:(前端,html5,css3)