border-style属性可设置为下列值之一。

?? solid：单实线。

?? double：双实线。

?? dashed：虚线。

?? dotted：点线。

?? groove：沟线（groove）。

?? ridge：脊线（ridge）。

?? inset：内陷边框。

?? outset：外凸边框。

?? none：无边框。

border-style属性的默认值为none，这就是为什么除非将border属性设置为其他类型，否则元素没有边框的原因。最常见的border样式是solid和double。

 

 

.d1{
              width:400px;             height:100px; border:1em double orange;   border-image:url(border.png) 27 round;         }         .d2{
              width:400px;             height:100px;     border: 1em ridge red;         }         
    
            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.  
    
 
    
 
    

 

background-attachment的应用

background-attachment:

scroll	背景图片随页面的其余部分滚动。这是默认
fixed	背景图像是固定的

 

张鑫旭老师的3d

易拉罐3D滚动效果

http://www.zhangxinxu.com/study/201003/css-coke-scroll-effect.html

 

background-origin: