重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
用如下css样式就可以解决了
创新互联作为成都网站建设公司,专注成都网站建设、网站设计,有关企业网站制作方案、改版、费用等问题,行业涉及成都工商代办等多个领域,已为上千家企业服务,得到了客户的尊重与认可。
hr{height:1px;border:none;border-top:1px solid Black;margin:0;*margin:0 0 -14px 0;float:none;*float:left;display:block;}
这种效果一般是用来做分割线,分为以下两种情况
这种效果实现起来并不难,可以用很多方法实现:
方法1:图片,简单,美观
方法2:hr+p标签,两种情况p标签都要添加position:relative,p标签的z-index属性的值要高于hr标签,然后调整left和top的值,让文字压住横线,第一种情形p标签设置背景色白色,第二种背景透明即可
(图片文字已处理。。。)
css是样式控制,而hr标签是内容强制换行,属于内容层面的东西,如果愿意添加不是不可以,都是完全可以的,但是为了保持代码清洁,不建议div和hr一起用
hr 标签在 HTML 页面中创建一条水平线。
水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。
至于CSS,如果不针对HR标签书写CSS样式,那就只是一条黑色水平线。
CSS可以定义更漂亮的分割线。例如颜色描边背景边距等。
div class="hr" style="border-top:1px solid #000000;"/div
因为hr为水平线,所以上面的border-top也可写成:border-bottom
(根据情况!)