[HTML]Web前端开发技术21（HTMLCSSJavaScript ）HTML5 基础与CSS3 应用，border-radius，box-shadow，transform——喵喵画网页
在HTML5和CSS3中，border属性是用来设置元素边框样式的。
HTML5示例代码：
<!DOCTYPE html>
<html>
<head>
<title>Border Example</title>
<style>
.box {
width: 100px;
height: 100px;
background-color: skyblue;
border: 2px solid black; /* 设置边框 */
}
</style>
</head>
<body>
<div class="box"></div>
</body>
</html>CSS3示例代码：
.box {
width: 100px;
height: 100px;
background-color: skyblue;
border: 2px solid black; /* 设置边框 */
border-radius: 10px; /* 圆角边框 */
box-shadow: 5px 5px 10px grey; /* 盒子阴影 */
}在这个例子中，.box类定义了一个100x100像素的方形盒子，有2像素宽的黑色边框，以及圆角和盒子阴影的样式。这些都是使用CSS3的特性实现的。
评论已关闭