ఎలా సృష్టించాలి: విభజకాలు

CSS ద్వారా వివిధ విభజకాలను ఎలా ఉపయోగించాలి నేర్చుకోండి.

వికర్ణం


పంక్తి


నిజంగా


గుండ్రాకారం


亲自试一试

విభజకాలను ఎలా సృష్టించాలి

మొదటి చర్య - HTML జోడించండి:

<hr class="dashed">
<hr class="dotted">
<hr class="solid">
<hr class="rounded">

రెండవ చర్య - CSS జోడించండి:

/* వికర్ణ కినారపట్టు */
hr.dashed {
  border-top: 3px dashed #bbb;
}
/* పంక్తి కినారపట్టు */
hr.dotted {
  border-top: 3px dotted #bbb;
}
/* నిజంగా కినారపట్టు */
hr.solid {
  border-top: 3px solid #bbb;
}
/* గుండ్రాకార కినారపట్టు */
hr.rounded {
  border-top: 8px solid #bbb;
  border-radius: 5px;
}

亲自试一试