border-style属性可设置为下列值之一。
?? solid：单实线。
?? double：双实线。
?? dashed：虚线。
?? dotted：点线。
?? groove：沟线（groove）。
?? ridge：脊线（ridge）。
?? inset：内陷边框。
?? outset：外凸边框。
?? none：无边框。
border-style属性的默认值为none，这就是为什么除非将border属性设置为其他类型，否则元素没有边框的原因。最常见的border样式是solid和double。
.d1{
400px;
height:100px;
border:1em double orange;
border-image:url(border.png) 27 round;
}
.d2{
400px;
height:100px;
border: 1em ridge red;
}
</style>
</head>
<body>
<div class="d1">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aspernatur at dolor et nesciunt numquam quasi voluptas? Ab animi commodi consequatur deserunt dignissimos eum, excepturi harum laudantium placeat soluta voluptate.
</div>
<div class="d2">
</div>
background-attachment的应用
background-attachment:
| scroll | 背景图片随页面的其余部分滚动。这是默认 |
| fixed | 背景图像是固定的 |
张鑫旭老师的3d
易拉罐3D滚动效果
http://www.zhangxinxu.com/study/201003/css-coke-scroll-effect.html
background-origin:
