CSS 可以在沒有額外元素的情況下建立部分邊框嗎？

Susan Sarandon

發布： 2024-12-03 08:44:10

原創

770 人瀏覽過

Can CSS Create Partial Borders Without Extra Elements?

克服邊框長度限制

問題：

有沒有辦法限制範圍邊界邊界？值得注意的是，

有一個底部邊框，但您需要一個僅部分向上延伸的左對齊邊框。在不向頁面引入額外元素的情況下完成此任務是否可行？

答案：

CSS 產生的內容提供了解決方案：

div {
  position: relative;
}

/* Main div for border to extend to 50% from bottom left corner */

div:after {
  content: "";
  background: black;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50%;
  width: 1px;
}

登入後複製

<div>Lorem Ipsum</div>

登入後複製

以上是CSS 可以在沒有額外元素的情況下建立部分邊框嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

來源：php.cn

上一篇：為什麼 Span 不接受寬度和高度，該如何解決這個問題？下一篇：HTML 圖片尺寸：內嵌高度/寬度屬性還是 CSS 樣式？

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

作者最新文章