3

CSSを使用して再設計してQFrameいます。CSSコードは次のとおりです。

border: 5px dashed #555;

画像の例は次のとおりです。

問題のコーナー

点線の境界線の角をつなげて実線にする方法はありますか?

4

2 に答える 2

3

QFrameが完全なCSSコードを受け入れるかどうかはわかりませんが、試すことができます

border-top : 5px dashed #555;
border-bottom : 5px dashed #555;
border-left : 5px solid #555;
border-right: 5px solid #555;

私はそれが仕事をすることを望みます。

これがJSフィドルです。

http://jsfiddle.net/qxupJ/1/

編集:まあ、この場合、フレーム内で4つのdivを使用する必要があります。各divには、そのコーナーに対応する背景画像があります。

編集2:アイデアが浮かんだ!

これが私の新しいアイデアを説明するフィドルです:

http://jsfiddle.net/7L5A9/

基本的に、それは各コーナーで4 divであり、絶対位置に「ボーダーソリッド」があります。

見た目はかなり醜いですが、画像を使わずにそれを行う唯一の方法だと思います。そうでなければ、コンテナのサイズが変わらない場合は、メインコンテナ(QFrame)で背景画像を使用できると思います。

お役に立てば幸いです。

于 2012-07-05T00:06:57.383 に答える
1

コーナーにimgを使用せずに目的の効果を達成する方法はありません。よりクリーンな効果を得るために、点線または小さいサイズのダッシュを使用してみることができます。

于 2012-07-04T19:05:05.403 に答える