css文本样式-css学习之旅(4)

color:颜色derction:方向;line-height:行高;letter-spaceing:字符间距;text-align:对齐方向;text-decoration:装饰;text-indent:锁紧文本中首行;text-transform:元素中的字母;unicode-bidi:设置文本方向;white-spacing:元素中空白的处理方式;word—spacing:字间距

代码实例:

p{ color:red; text-align: center; }
h6{ text-indent: 5em; text-align: center;}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Html5样式</title>
    <link href="MyCss.css" type="text/css" rel="stylesheet">
</head>
<body>
    <p title="t">属性选择器</p>
    <p title="te">属性和值得选择器</p>
    <h6>属性和值得选择器</h6>
</body>
</html>

效果图:

这里写图片描述

css3的文本效果属性:text-shadow:向文本添加阴影word-wrap:规定文本的换行规则

实例代码

p{ text-shadow: 100px 100px 0px red; word-wrap: normal; width:200px; }
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Html5样式</title>
    <link href="MyCss.css" type="text/css" rel="stylesheet">
</head>
<body>
    <p title="t">属性选择器</p>
    <p title="te">属性和值得选择器属性和值得选择器属性和值得选择器属性和值得选择器属性和值得选择器属性和值得选择器属性和值得选择器属性和值得选择器属性和值得选择器属性和值得选择器属性和值得选择器属性和值得选择器属性和值得选择器属性和值得选择器</p>
</body>
</html>

!!!!效果图

css文本样式-css学习之旅(4)_第1张图片

你可能感兴趣的:(html5,css)