Bolehkah CSS Mencipta Sempadan Separa Tanpa Elemen Tambahan?

Mengatasi Had Panjang Sempadan

Soalan:

Adakah terdapat kaedah untuk menyekat takat sempadan? Terutama sekali,

mempunyai sempadan bawah, tetapi anda inginkan sempadan sejajar kiri yang memanjang hanya sebahagiannya ke atas. Adakah ia boleh dilakukan tanpa memperkenalkan elemen tambahan pada halaman?

Jawapan:

Kandungan yang dijana CSS menawarkan penyelesaian:

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>

Atas ialah kandungan terperinci Bolehkah CSS Mencipta Sempadan Separa Tanpa Elemen Tambahan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

css restrict Length this border

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn