HTML CSS 简单小实例

以下是一个简单的HTML和CSS结合的代码实例，它创建了一个带有背景颜色和边框的div元素：




<!DOCTYPE html>
<html>
<head>
<style>
.div-example {
  background-color: lightblue;
  border: 2px solid #000000;
  padding: 20px;
  margin: 20px;
  width: 200px;
  height: 100px;
}
</style>
</head>
<body>
 
<div class="div-example">
  这是一个带有背景颜色和边框的div元素。
</div>
 
</body>
</html>

这段代码在<head>标签内定义了一个叫.div-example的CSS类，它设置了背景颜色为浅蓝色(lightblue)，边框为黑色，宽度为200像素，高度为100像素，内边距和外边距都是20像素。然后在<body>标签内使用了这个类来创建一个div元素。

HTML CSS 简单小实例

评论已关闭

推荐阅读