如何制作CSS - 角度图像+背景？和高度 - 100％或自动？

我已经作出了CSS了很多次，但没有工作，有很多毛刺......
我将显示画面 - 毛刺：
见图片 - http://beta.areku-developstudio.org.ua/new.png
如何制作CSS - 角度图像+背景？和高度 - 100％或自动？

见图片（这是必要的，因为较好的质量）：
见图片2 - http://beta.areku-developstudio.org.ua/new2.png

如何让CSS - 角度图像+背景是什么？和高度 - 100％或自动？
样本HTML：

<div id="conteiner" class="main"> 
    <div class="top_left_corner"> 
     <div class="top_right_corner"> 
      <div class="bottom_left_corner"> 
       <div class="bottom_right_corner"> 
        <div id="content"> 
         <br/><br/> 
         Hello Areku<br/> 
         Hello Areku<br/> 
        </div> 
        <br/><br/> 
       </div> 
      </div> 
     </div> 
    </div>  
</div>

选择其他的方式，使CSS + HTML。可以jQuery吗？我正在等待答案...
真诚的，Areku！

来源

2010-09-08 areku

有关网页布局问题，应该问上DOCTYPE。请参阅http://stackoverflow.com/faq – 2010-09-08 13:01:49

你可以做到这一点与背景属性对你的各种元素一些有创意的用途：

<html> 
    <body> 
    <div id="content"> 
     Your content 
    </div> 
    <div class="corner right"></div> 
    <div class="corner left"></div> 
    </body> 
</html>

然后CSS将如下所示：

/* Following 2 rules create min-height 100% for your content and body */ 
html, 
body { 
    height: 100%; 
} 

#content { 
    min-height: 100%; 
} 

/* html and body create the fixed position bottom right/left corners */ 
html { 
    background: url(bottom-right.png) no-repeat fixed 100% 0; 
} 

body { 
    background: url(bottom-left.png) no-repeat fixed 0 0; 
} 

/* top right/left corners are handled by 2 divs */ 
.corner { 
    position: fixed; 
    top: 0; 

    width: 50px; /* width of your background image corner */ 
    height: 50px; /* height of your background image corner */  
} 

.left { 
    left: 0; 
    background: url(top-left.png) no-repeat 100% 0; 
} 

.right { 
    right: 0; 
    background: url(top-right.png) no-repeat 100% 0; 
}

来源

2010-09-08 13:17:28 Pat

如何制作CSS - 角度图像+背景？和高度 - 100％或自动？

回答

相关问题