<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>边框</title>
<style type="text/css">
/*border 创建一个框，和表单挺像,但不接受信息*/
.pc{
border-width:50px;
border-width: 6px;
border-color: #41daeb;
border-style:ridge;
border-left-color: #ff335f;
border-top-color: #41daeb;
border-right-color: #1122dd;
}
/*一个 p 标签放入图片*/
.pc2{
height: 240px;
widows: 427px;
border:red 5px solid;
background-image: url("ppt1.jpg");
}
</style>
</head>
<body >
<p class="pc">烦乱是不是必须的</p>
<p class="pc2"> 祝贺</p>
</body>
</html>
很重要，网页中的框就是这个！