<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
.frame{
height: 50%; /**盒子高度**/
width: 50%; /**盒子寬度**/
border:10px solid black;
background:url("./image/风景.jpg");/**背景图片*/
background: linear-gradient;
background-size: 50% 50%;
border-radius:180px 180px 40px 40px; /**圓角*/
box-shadow: inset 20px 20px #FFF000; /**陰影*/
border-image: url("./tusiji.png")30 30 round;/**邊框顔色*/
}
.frame h2{
text-align: center;
}
</style>
</head>
<body>
<div class="frame">
<h2>hello world</h2>
</div>
</body>
</html>
That's all...