字体、文本、鼠标样式

最新推荐文章于 2024-04-28 20:02:49 发布

bear_cab

最新推荐文章于 2024-04-28 20:02:49 发布

阅读量238

点赞数

本文链接：https://blog.csdn.net/phone13144830339/article/details/78663435

版权

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>