作者:pxrty_635 | 来源:互联网 | 2023-09-15 15:38
color:颜色derction:方向;line-height:行高;letter-spaceing:字符间距;text-align:对齐方向;text-decoration:装饰;text-inde
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;}
<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;
}
<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>
!!!!效果图