{"id":55,"date":"2010-07-21T03:36:00","date_gmt":"2010-07-21T03:36:00","guid":{"rendered":"http:\/\/www.codeboss.in\/web-funda\/?p=55"},"modified":"2010-07-21T03:36:00","modified_gmt":"2010-07-21T03:36:00","slug":"style-hr-tag-with-css","status":"publish","type":"post","link":"https:\/\/codeboss.in\/web-funda\/2010\/07\/21\/style-hr-tag-with-css\/","title":{"rendered":"Style HR Tag With CSS"},"content":{"rendered":"<p>There are pages which have a few hr tags thrown here and there. If the page is designed nicely, the hr tags look ugly, if not styled properly. To make them look fine use the following CSS properties.<\/p>\n<p>1. border:none;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;               &#8211;  Will remove the border<br \/>2. background-color:#000000;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  &#8211;  Add color as required<br \/>3. height:1px;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;                 &#8211;  Adjust the height as required<\/p>\n<p>The above properties will create a fine black line. Adjust the settings to get exactly what you need.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>There are pages which have a few hr tags thrown here and there. If the page is designed nicely, the hr tags look ugly, if not styled properly. To make them look fine use the following CSS properties. 1. border:none;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#8211; Will remove the border2. background-color:#000000;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#8211; Add color as required3. height:1px;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#8211; Adjust the&hellip; <a class=\"more-link\" href=\"https:\/\/codeboss.in\/web-funda\/2010\/07\/21\/style-hr-tag-with-css\/\">Continue reading <span class=\"screen-reader-text\">Style HR Tag With CSS<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[36,48],"class_list":["post-55","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-css","tag-html","entry"],"_links":{"self":[{"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/posts\/55","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/comments?post=55"}],"version-history":[{"count":0,"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/posts\/55\/revisions"}],"wp:attachment":[{"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/media?parent=55"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/categories?post=55"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/tags?post=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}