html - (css)ボーダー幅を設定するには?

Question

写真のようにベタ枠の幅を設定したい。私に何ができる？回答ありがとうございます

      |
      |
-----   -------
      |
      |

Answer 1

border-radius親コンテナに適用すると、この結果を視覚的に実現できます。

子コンテナーには、無地の背景 (ラッパー要素の背景と一致する) が必要です。そのように：http://jsfiddle.net/skip405/JgsKM/

Answer 2

CSS ボーダー プロパティを使用するだけでは、そのようなボーダーを作成するのは簡単ではありません。各コーナーの境界をカバーするには、ある種の策略に頼る必要があります。

このタスクには背景画像を使用することをお勧めします。右と下の線で画像を準備し、それらの長方形の背景に配置し、それぞれの右下に配置します。(明らかに、投稿した画像のように、灰色の線が右下隅で交わらないように背景画像を準備します。)

これは、要素の幅と高さをかなり理解していることを前提としているため、完全な解決策ではありませんが、かなり近いものになります。

Answer 3

img { 
    border:solid rgb(165, 162, 162)
    border-top:none;
    }