1

我正在开发一个背景为黑色的应用程序。主要内容区域将是一个白色区域。白色区域将具有圆角。在过去的几年里,这个应用程序一直依赖于一张大桌子。该表的单元格具有创建以表示圆角的图像。我正在更新这个应用程序,我想使用一种更受人尊敬的方法。出于这个原因,我正在寻求一些反馈。基本上,我的网站如下所示:

                         tab1 | tab2 | tab3
[corner]----------------       --------------------[corner]
   |                                                   |
   |                                                   |
   |                                                   |
   |                                                   |
   |                                                   |
  ...                                                 ...
   |                                                   |
[corner]-------------------------------------------[corner]

我开始使用 ASP.NET MVC 4 更新此应用程序。模板具有以下内容:

<body>
    <header>
    ...
    <header>

    <div id="body">
    </div>
    <footer>

    </footer>
 </body>

在我有限的意见中,我觉得左上角/右上角应该进入,<header>左/右下角应该进入<footer>. 如果我这样做,我不知道如何让它全部排列起来。我感谢任何人可以提供的任何建议或代码示例。我正在努力让这一切都排队。

谢谢!

4

2 回答 2

2

使用border-radiuscss 属性来实现圆角的效果。例如,对于标题,您可能有

border-top-left-radius: 10px;
border-top-right-radius: 10px;

优秀的文章浏览器支持在这里

于 2013-01-21T14:04:15.370 回答
0

W3Schools 在这里有很好的参考:http: //www.w3schools.com/css3/css3_borders.asp
我自己也做了一个教程:http ://www.andytechguy.com/tutorials/css/how-to-make-round -角-css/

于 2013-08-24T15:49:36.690 回答