一般的な CSS 点線のサンプル チュートリアル

私の左側は黒い点線の境界線< /div>
これは左側の黒い点線の境界線です

CSS コード: .divcss5-2{border-right:1px 破線 #000; height:50px;width:350px}

Html コード:

ここでは右側を黒い点線の境界線に設定します

4. 上端 (上端) は点線です:

CSS コード: .divcss5-3{border-top:1px 破線 #000; height:50px;width:350px}

Html コード:

ここでは上端(上端)を黒い点線の境界線として設定しています

5.点線:

CSS コード: .divcss5-4{border-bottom:1px 破線 # 000; height:50px;width:350px}

HTML コード:

ここで下端(下の境界線)を設定します。 黒い点線の境界線

6. いずれかの辺が点線でなく、他の 3 つの辺が点線である場合

右側の境界線を追加します。点線ではありませんがエッジがなく、他の 3 つの側面は黒い点線の境界線です

CSS コード: .divcss5-5{border: 1px 破線 #000;border-right:0; height:50px;width:350px}HTML コード:

ここでは、まずオブジェクトの 4 つの辺を黒の 1px に設定します。これは 3 辺の点線属性を設定するのと同じですが、前後の枠線属性の設定に注意してください。
上記の例の完全な DIV+CSS コードは次のとおりです:

2. ハイパーリンクの点線の下線

多くの場合、リンクされたテキスト コンテンツに点線の下線が含まれるリンクを設定するか、マウスをその上に移動するように設定します。リンクされたテキストに点線の下線が表示されます。これを実現するにはどうすればよいでしょうか。ここでは CSS ハイパーリンクの点線下線について紹介します。 1. リンクされたテキストには点線の下線が付いています

ここでは、CSS border プロパティを使用して、オブジェクトのハイパーリンクの CSS スタイルも制御します。

デモ CSS コード:

a{ border-bottom:1px 破線 #111;}/* ここで、リンクされたテキストの下に表示される点線の下線を設定します*/
a:hover{ border:0;}/* ここで、マウスが通過した後のリンク text*/

Complete DIV CSS コード:

指示: text-decoration:none; これは CSS 下線 (ハイパーリンクのデフォルトの下線属性) を削除するためのものです

以上が一般的な CSS 点線のサンプル チュートリアルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。