Αποτελέσματα Αναζήτησης
CSS. body { background-color: #f0f0f0; width: 700px; float: center; } hr.style1 { border-top: 1px solid #8c8b8b; } hr.style2 { border-top: 3px double #8c8b8b; } hr.style3 { border-top: 1px dashed #8c8b8b; } hr.style4 { border-top: 1px dotted #8c8b8b; } hr.style5 { background-color: #fff; border-top: 2px dashed #8c8b8b; } hr.style6 ...
18 Simple Styles for horizontal rules (<hr> CSS design). Compatible browsers: Chrome (partially), Edge (partially), Firefox, Opera (partially), Safari (partially) Dependencies: -
17 Οκτ 2023 · If you are looking for some retro style HTML hr CSS designs, this design will impress you. The creator has used the hr tag to create a beautiful border and unique looking line separators. The HTML hr designs like this can be used on the about and product information pages.
22 Νοε 2011 · You should be able to use what you have above on the hr element. Just put border:none; right before the code you have above. This should allow you to get a two color hr without the div. If you add a little extra height to it, you can specify a background color, and make a three color line.
Learn how to style an hr element with CSS. How To Style HR. Horizontal Line. You can use the border property to style a hr element: Example. /* Red border */ hr.new1 { border-top: 1px solid red; } /* Dashed red border */ hr.new2 { border-top: 1px dashed red; } /* Dotted red border */ hr.new3 { border-top: 1px dotted red; } /* Thick red border */
You can apply CSS to your Pen from any stylesheet on the web. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself. You can also link to another Pen here (use the .css URL Extension ) and we'll pull the CSS from that Pen and include it.
Our hand-picked border examples are designed to add depth and structure to your website or application. Borders can be used to frame content, create visual separation, or simply add a decorative element to your design.
