第19章 CSS其他样式

原创于 2015-07-29 13:52:16 发布 · 138 阅读

0 ·

CC 4.0 BY-SA版权

阅-H5 专栏收录该内容

40 篇文章

订阅专栏

本文通过一个简单的HTML页面展示了如何使用CSS来定义元素样式。包括设置宽度、高度、边框颜色及样式、轮廓线、鼠标悬停效果等。通过这些基本属性的应用，读者可以了解如何为网页元素添加视觉效果。

index.html

<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<title>CSS其他样式</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<div>我是HTML5</div>

</body>
</html>

style.css

@charset "utf-8";

div {
	width: 200px;
	height: 200px;
/*	background-color: green;
	color: blue;
	opacity: 0.5;*/

	border: 10px solid green;

	/*box-shadow: 10px 10px 5px 2px gray inset;*/

	outline: 5px double red;

	cursor: move;
}