0

Webページにいくつかの領域を定義できるかどうか疑問に思いました。私は古典的な長方形の分割（「div」によって作成された）について話しているのではなく、もっと何かを話している：たとえば、下の写真のように、多角形ではないかもしれないさまざまな形の領域を定義する。

多角形ではない形に分割されたウェブページ

私は多くのことを知りません：

  • それが可能かどうかはわかりません。
  • GUI作成理論によると、それが良い習慣かどうかはわかりません。
  • このようなものを作ることができたとしても、ほとんどのブラウザと互換性があるかどうかはわかりません（私は気にしません）。

このようなページを作成するのは、おそらくクレイジーなことであり、私の経験不足ではわかりません。この意味でのhtmlとcssの可能性と限界を理解しようとしています。

ありがとうございました。

4

3 に答える 3

2

それを行う古い学校の方法...画像マップ、しかし実行可能な基準ではないサイト全体がafaikでした

于 2013-03-26T15:15:12.703 に答える
2

この方法でCSSを使用してサークルDIVを作成できます（たとえば）。

.circle {
    border-radius: 50%;
}

.circle1 {
    width: 100px;
    height: 100px;
    background: yellow;
    border: 3px solid red;
}
.circle2 {
    width: 50px;
    height: 50px;
    background: #ccc;
    border: 3px solid #000;
}

DIVでこのCSSを使用します。

<div class="circle circle1"></div>

<div class="circle circle2"></div>
于 2014-06-20T15:29:43.393 に答える
1

ほとんどの要素は長方形ですが、要素を円のように見せたり動作させたりするための「border-radius」などのオプションがあります。「CSSCircles」をグーグルで検索してください。あなたはこのようなブログを見つけるでしょう：http：//davidwalsh.name/css-circles

もう1つのより複雑で強力な方法は、HTML5で「canvas」を使用することです。カスタム形状を定義できます。次のサイトを探してください：http ：//www.w3schools.com/html/html5_canvas.asp

最後になりましたが、SVG画像を使用できます。何をするのかわかりませんが、場合によっては（対話なしでスケーラブルな要素を表示するためだけに）うまく機能します。

于 2013-03-26T15:05:15.953 に答える