字体、文本、鼠标样式

来源：互联网发布：一个淘宝账号值多少钱编辑：程序博客网时间：2024/06/11 14:51

example.css

body{/*文字样式*//*字体系列选择*/font-family: 楷体;/*字体大小*/font-size: 25px;/*字体是否斜体 Normal、italic、oblique*/font-style: italic;/*字母是否使用显示为大写 Normal、small-caps*/font-variant:small-caps;/*字体的粗细 Normal、bold、bolder*/font-weight:bold;/*单词间的间距*/Word-spacing:15px;/*字体间的间距*/Letter-spacing:5px;/*文字装饰 nuderline:下划线、overline:上划线、line-through:中划线(划掉;勾销)*/Text-decoration:overline;/*文字装饰线颜色(CSS3)*/Text-decoration-color:red;/*文字装饰线形状(CSS3) solid:实线、double:双线、dotted:点状线、dashed:虚线、wavy：波浪线*/Text-decoration-style:wavy;/*文字是否带有阴影及模糊效果(CSS3) none:无阴影*/Text-shadow:10px 10px 10px black;/*对齐方式 left、right、center*/Text-align:center;/*文本行高*/Line-height:32px;/*鼠标样式*//*Auto:自动、Crosshair:“+”字、Default:默认、Hand:手型、Move:四向箭头、Text:“I”行、Wait:等待、Help:帮助*/cursor:Help;}

index.html

<html><head><title>CSS属性</title><meta content="text/html;charset=UTF-8"/><!--载入外部样式表文件 (Linking to a Style Sheet)--><link rel=stylesheet href="example.css" type="text/css"></head><body><div>her smiling face <br/>在微笑中，鼓起勇气直面挫折;<br/>在微笑中，竖定信心，克服困难;<br/>在微笑中，有时也会伸出友爱之手，助人为乐;在微笑中，努力进取，超越自我。</div><div><div>娱乐</div><div>体育</div><div>军事</div><div>科技</div></div></body></html>

阅读全文

0 0