<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>CSS3边框阴影,折角效果演示</title>
<style type="text/css">
*{margin: 0;padding:0;}
body {margin: 0; padding: 20px 100px;background-color: #f4f4f4;}
pre{max-height:200px;overflow:auto;}
div.demo {overflow:auto;}
.box {
width: 300px;
min-height: 300px;
margin: 30px;
display: inline-block;
background: #fff;
border: 1px solid #ccc;
position:relative;
}
.box p {
margin: 30px;
color: #aaa;
outline: none;
}
/*=========Box1====&
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>CSS3边框阴影,折角效果演示</title>
<style type="text/css">
*{margin: 0;padding:0;}
body {margin: 0; padding: 20px 100px;background-color: #f4f4f4;}
pre{max-height:200px;overflow:auto;}
div.demo {overflow:auto;}
.box {
width: 300px;
min-height: 300px;
margin: 30px;
display: inline-block;
background: #fff;
border: 1px solid #ccc;
position:relative;
}
.box p {
margin: 30px;
color: #aaa;
outline: none;
}
/*=========Box1====&