7

css 形状を発見しましたが、それらの境界線 (実線、点線、破線) を作成する方法 (形状) に興味がありますか?

私が考えた最初のことは、別の形状を作成し、z-index ( http://jsfiddle.net/gYKSd/ ) によって背景に配置することでしたが、それは実線としてのみ効果を発揮します。

HTML:

<div class="triangle"></div>
<div class="background"></div>

CSS:

     .triangle {
        position: absolute;
        top: 14px;
        left: 10px;
        height: 0px;
        width: 0px;
        border-right: 50px solid transparent;
        border-left: 50px solid transparent;
        border-bottom: 100px solid red;
        z-index: 0;
}
      .background {
        position: absolute;
        top: 0;
        left: 0;
        height: 0px;
        width: 0px;
        border-right: 60px dotted transparent;
        border-left: 60px dotted transparent;
        border-bottom: 120px dotted gray;
        z-index: -1;
    }
4

3 に答える 3

0

あなたがやっていることは、形が境界線から作られているという事実に依存しているので、私はそれが可能だとは思わない.

すでに枠になっているものに枠を追加することはできません。

しかし、あなたのフィドルで示したように、背景の形状を持つことで別の境界線をエミュレートできます。

于 2013-10-18T16:07:18.560 に答える
0

上で何人かが言ったように....CSS シェイプは実線の境界線とそれらの角度が一緒になるように作られているので、境界線のスタイルを変更することはできません。

于 2013-10-18T17:12:54.503 に答える