1

個人サイトのレイアウトをデザインしました。区切りとして線をデザインしました。レイアウトでは、2行を並べて作成しました。1 つは暗く、もう 1 つは白なので、画像を含めずに CSS3 を使用してコードで作成したい素敵な効果を作成しました。

私が話している行を確認するために、2 つの画像を添付しました。

お時間をありがとうございました。

乾杯！

4

3 に答える 3

2

スクリーンショットからあなたが何を意味しているのかを正確に理解するのは非常に難しいです - 光沢のある円はあなたが見せたい部分を強調する方法だと思いますが、実際には画像を適切に理解するのが難しくなり、かなり低いです. -res とにかく役に立ちません。でも、とにかく助けようとします。

あなたが求めていることはかなり一般的です。通常、この種のものには CSS ボーダーを使用します。

このようなもの：

border-left: 2px groove black; height: 50px; width: 2px;

これはすべて標準の CSS です。ここでは、CSS3 の策略は必要ありません。

于 2012-04-18T20:31:10.390 に答える
1

私は少し異なるアプローチをしています。この以前の投稿を参照してください: 2 つの色の境界線

ここにあなたのための例があります: http://dabblet.com/gist/2416433

于 2012-04-18T20:42:57.917 に答える
1

試す

div {
  width:50px;
  border-right:1px solid black;
  box-shadow: rgba(255,255,255,0.8) 1px 0px 0px;
}
于 2012-04-18T20:29:36.487 に答える