上下左右のボーダーの色が違う問題_html/css_WEB-ITnose-htmlチュートリアル-php.cn

<html><head><style type="text/css">p.one {border-style: solid;border-width: 15px;border-left-color:red;min-height:50px;}</style></head><body><p class="one">...</p></body></html>

ログイン後にコピー

このようにして、異なる色の境界線の角と異なる色の交差部分に明らかな斜線が表示されます
Ruhe はそのような効果を実現できます

ディスカッション (解決策) に返信

2 つの方法, 1つはクリアタグを直接挿入する方法、もう1つはafterセレクターを使用する方法です。
そうですか

この効果は CSS3 を使用するとはるかに簡単です

気にしない場合は、古いブラウザと新しいブラウザと互換性を持たせるために 1 つのレイヤーをネストしてください: