1

背景が黒のアプリを開発中です。メインのコンテンツ領域は白い領域になります。白い部分は角が丸くなります。過去数年間、このアプリは単一の大きなテーブルに依存してきました。このテーブルには、丸みを帯びた角を表すために作成された画像を持つセルが含まれていました。私はこのアプリを更新中です。もっと立派なアプローチを使いたかったのです。そのため、私はいくつかのフィードバックを求めています。基本的に、私のサイトは次のようになります。

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

このアプリの更新をASP.NETMVC4で開始しました。テンプレートには次のものがあります。

<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 -corners-css /

于 2013-08-24T15:49:36.690 に答える