1

私はCSSを使ってそうしようとしています

    ---------------------
      SOME CONTENT HERE
    ---------------------

したがって、私が基本的に望んでいるのは、境界線が内部にあるコンテンツの上部と下部にあることです (最も望ましいのは <p></p>)。その意図された方法。

padding: 5px 1px;
box-shadow: 0 2px 5px black,
    0 -2px 5px #800000,
    0 0 5px black,
    0 0 5px #800000;

そのためにはどうすればよいですか？

4

3 に答える 3

4

境界線または影が必要ですか? あなたのコードは、影が欲しいと言っています。あなたの質問は境界線を尋ねます。ボーダーの場合:

border-top: 1px solid black;
border-bottom: 1px solid black;

影の場合:

-webkit-box-shadow: 0px 6px 2px -1px #000,  0px -6px 2px -1px #000;
box-shadow: 0px 6px 2px -1px #000,  0px -6px 2px -1px #000;

例: http://jsfiddle.net/pGGXH/69/

于 2012-09-30T15:07:57.423 に答える
2

上下の境界線には以下のコードを使用できます

  border-top:1px dashed black;
  border-bottom:1px dashed black;

影の効果については、このリンクを通過してください

sebassのコードへのいくつかの変更

-webkit-box-shadow: 0px 1px 15px -1px #000,  0 -1px 15px -1px #000;
 box-shadow: 0px 1px 15px -1px #000,  0 -1px 15px -1px #000;
于 2012-09-30T15:01:48.057 に答える
1

境界線が必要な場合は、このようにすることができます。

.div {
    border-top: 1px solid black; 
    border-bottom: 1px solid black;
    width: 50px;
    height: 50px;
}​

デモ - http://jsfiddle.net/9VCZU/

于 2012-09-30T14:58:13.360 に答える