HTML5⽹页设计基础——创意画框案例：
图⽚资源：
html网页设计的标题
参考代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>⽆标题⽂档</title>
</head>
<style>
*{
margin:0 ;
padding: 0;
}
.wai{
margin:50px auto;
width: 700px;
height: 350px;
border:1px solid;
border-image:url("../1.jpg") 20%/40px;
padding: 40px 20px;
background-image: linear-gradient(90deg,#3d7ea5 50%,#ce4b4b 50%);  box-shadow: #999 5px 5px 4px 4px;
}
.nei{
width: 100%;
height: 100%;
background:url("../zuqiu.png") no-repeat center;
opacity: 0.5;
}
</style>
<body>
<div class="wai">
<div class="nei">
</div>
</div>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。