CSSの境界線の下部に角がありません

トミネーター

メニューULの下に長い境界線を付けたいのですが、リストアイテムの「border-bottom」プロパティがうまく機能しません:http//jsfiddle.net/BjGvp/

#headermenu-left .menu {
    border-bottom: 4px solid #004B8D;
}

境界線は、border-leftプロパティとborder-rightプロパティが存在しないため、コーナーで中断されていますか?

<ul>行が長すぎるため要素に配置できません

j08691

あなたがそれの幅を取り除くならば、あなたはそれをULに置くことができます。最後のルールを削除して、これを使用します。

#headermenu-left {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    border-bottom: 4px solid #004B8D;
}

jsFiddleの例

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Divの下部に境界線があり、パディングやマージンはありません

分類Dev

PhpSpreadsheet XLSXには境界線がありますが、mPDFクラスのPDFには境界線がありません

分類Dev

上部のdivには他の境界線がありますが、下部のdivの境界線は表示されます

分類Dev

geom_tileの境界線がコーナーにありません

分類Dev

Windows 10では、一部のFormBorderStylesに境界線がありません

分類Dev

PDFビュー(XSLT)にCALSテーブルの境界線がありません

分類Dev

テーブルの境界線がありません

分類Dev

境界線の右下隅がありませんか?

分類Dev

行にデータがある場合は境界線がありますが、空の場合は境界線がありません

分類Dev

CSS対角線のズームに空白があります

分類Dev

CSS-textareaの不透明度:テキストですが境界線ではありません

分類Dev

軸の両端にある軸の目盛りがパネルの境界線と整列していません

分類Dev

下部にジグザグの境界線があるコンテナは、境界線にのみ適用されます

分類Dev

行スパンのあるテーブルには境界線がありません

分類Dev

WKWebViewは境界線の内側にPDFを表示します、境界線は必要ありません

分類Dev

div要素の下部/上部に対角線の境界線を追加しますか?

分類Dev

下部に色あせた境界線のある円

分類Dev

CSSの三角形には意味がありません

分類Dev

私はreact-bootstrap-table-nextに境界線がありません

分類Dev

Vuetfiyv-text-labelに境界線がありません

分類Dev

選択ボックスに境界線がありません

分類Dev

Slider Revolutionスライドの周囲に境界半径がありますが、CSSが見つかりません

分類Dev

CSS3は境界線がありません。つまり、線が隅で交わっていません。

分類Dev

tr要素の周りの境界線が表示されませんか?

分類Dev

MacのFirefoxで回転した後、Divの境界線が直線ではありません

分類Dev

以下のデモのようにアイテムが1つしかない場合、HighchartのgridLineDashStyleの下部にグリッド線がありません

分類Dev

Ubuntu 18.04の画面下部と右側に紫色の境界線があり、場合によっては

分類Dev

ホバーのリストアイテムの下の境界線-下部が機能していません

分類Dev

Firefoxのページの下部に空白がありますが、クロムはありません

Related 関連記事

  1. 1

    Divの下部に境界線があり、パディングやマージンはありません

  2. 2

    PhpSpreadsheet XLSXには境界線がありますが、mPDFクラスのPDFには境界線がありません

  3. 3

    上部のdivには他の境界線がありますが、下部のdivの境界線は表示されます

  4. 4

    geom_tileの境界線がコーナーにありません

  5. 5

    Windows 10では、一部のFormBorderStylesに境界線がありません

  6. 6

    PDFビュー(XSLT)にCALSテーブルの境界線がありません

  7. 7

    テーブルの境界線がありません

  8. 8

    境界線の右下隅がありませんか?

  9. 9

    行にデータがある場合は境界線がありますが、空の場合は境界線がありません

  10. 10

    CSS対角線のズームに空白があります

  11. 11

    CSS-textareaの不透明度:テキストですが境界線ではありません

  12. 12

    軸の両端にある軸の目盛りがパネルの境界線と整列していません

  13. 13

    下部にジグザグの境界線があるコンテナは、境界線にのみ適用されます

  14. 14

    行スパンのあるテーブルには境界線がありません

  15. 15

    WKWebViewは境界線の内側にPDFを表示します、境界線は必要ありません

  16. 16

    div要素の下部/上部に対角線の境界線を追加しますか?

  17. 17

    下部に色あせた境界線のある円

  18. 18

    CSSの三角形には意味がありません

  19. 19

    私はreact-bootstrap-table-nextに境界線がありません

  20. 20

    Vuetfiyv-text-labelに境界線がありません

  21. 21

    選択ボックスに境界線がありません

  22. 22

    Slider Revolutionスライドの周囲に境界半径がありますが、CSSが見つかりません

  23. 23

    CSS3は境界線がありません。つまり、線が隅で交わっていません。

  24. 24

    tr要素の周りの境界線が表示されませんか?

  25. 25

    MacのFirefoxで回転した後、Divの境界線が直線ではありません

  26. 26

    以下のデモのようにアイテムが1つしかない場合、HighchartのgridLineDashStyleの下部にグリッド線がありません

  27. 27

    Ubuntu 18.04の画面下部と右側に紫色の境界線があり、場合によっては

  28. 28

    ホバーのリストアイテムの下の境界線-下部が機能していません

  29. 29

    Firefoxのページの下部に空白がありますが、クロムはありません

ホットタグ

アーカイブ