Αποτελέσματα Αναζήτησης
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 ...
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 */ hr.new4 { border: 1px solid red; } /* Large rounded green border */ hr.new5 {
hr { background-color: #fff; padding: 0; margin: 80px; } hr.hr-1 { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); } hr.hr-2 { border: 0; border-bottom: 2px dashed #eee; background: #999; } hr.hr-3 { border: 0; height: 0; border-top: 1px solid #8c8c8c; } hr.hr-4 ...
hr.style18 { height: 30px; border-style: solid; border-color: #8c8b8b; border-width: 1px 0 0 0; border-radius: 20px; } hr.style18:before { display: block; content: ""; height: 30px; margin-top: -31px; border-style: solid; border-color: #8c8b8b; border-width: 0 0 1px 0; border-radius: 20px; }
22 Νοε 2011 · Simple Styles for Horizontal Rules. Chris Coyier on Nov 22, 2011. DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! That is, the <hr> element. With the help of a few contributors, I put together this page of very simple styles for them.
18 Simple Styles for horizontal rules (<hr> CSS design). Compatible browsers: Chrome (partially), Edge (partially), Firefox, Opera (partially), Safari (partially) Dependencies: -
16 Σεπ 2024 · Instead of a solid line, you can make the <hr> look dotted or dashed by applying a border style. CSS Example: hr { border: none; border-top: 2px dashed #ccc; /* Dashed or dotted line */...
