本文介绍了CSS hr noshadow的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

是否有任何CSS方式来制作< hr /> noshadow所以我没有在Netscape中获得默认的3D

外观?


我试图使用一些border-bottom来制作这条线,但是我的"线"应该是

在悬挂在图像右侧的文本下面,float:left如果

我使用border,则该行在图像下方展开。另外,我认为< hr />

分隔符非常符合文本的含义。但如果有人比使用< hr />有更好的想法。这也是合适的。


我想得到以下


LOGO主标题

LOGO ---- --------------------------------------

LOGO Second Title


这里是HTML中的示例:

< img class =" logo" SRC =" logo.gif" />

< h1 class =" mname">主标题< / h1>

< hr class =" title" />

< h1 class =" sname">第二个标题< / h1>

和CSS:

hr .title {

颜色:#677379;

}


img.logo {

浮动:左;

margin-left:5px;

margin-right:5px;

}


..sname {

颜色:#677379;

字母间距:.5em;

text-align:right;

字体:斜体正常普通大sans-serif;

字体样式:斜体;

保证金:0px;

填充:0px;

}


..mname {

font:normal normal normal small sans-serif;

保证金:0px;

填充:0px;

}

suncho

解决方案




其实我发现一些解决方法是将颜色和

背景颜色设置为相同的值......但是,这是一种解决方法。有没有

一些CSS属性来控制HR的3d外观,就像它可以在

表中一样?

suncho





哪个Netscape版本?更具体一点。


< hr style =" border-style:solid" />


应该足够了,但IE解释默认的

border-color有问题所以你需要明确指定它:


< hr style =" border:1px solid black" />


-

Stanimir



默认3D



和if blockquote class = post_quotes>我使用border,该行在图像下方展开。另外,我认为


< hr />



其实我发现有些解决方法是将颜色和
背景颜色设置为相同的值......但仍然是一种解决方法。是



有一些CSS属性控制着HR的3d外观,就像在
表中一样吗?




另一个解决方法是:


< style>


..gone {

display:none;

}


..hr {

border-bottom:1px#777 solid;

}


< / style>

.. 。

< p>内容< / p>

< div class =" hr">< hr class =" gone" />< / div>

< p>内容< / p>


或者将您的内容放在div中并设置底部边框以类似的方式。

hr元素对于内容来说只是有点重要,它真的是一个新的东西即将来临的视觉提示。 Div边界是理想的选择。但是上面的解决方法允许在非CSS

环境中有某种小时。


Is there any CSS way to make a <hr /> noshadow so I don''t get the default 3D
look in Netscape?

I tried to use some border-bottom to make the line, but my "line" should be
under text that is hanging to the right of a image with "float: left" and if
I use border, the line is extended under the image. Also, I thing the <hr />
divider fits the meaning of the text quite well. But if somebody has better
idea than using <hr /> thats also suitable.

I want to get the following

LOGO Main Title
LOGO ------------------------------------------
LOGO Second Title

here is example in HTML:
<img class="logo" src="logo.gif" />
<h1 class="mname">Main Title</h1>
<hr class="title" />
<h1 class="sname">Second Title</h1>
and in the CSS:
hr.title {
color: #677379;
}

img.logo {
float: left;
margin-left: 5px;
margin-right: 5px;
}

..sname {
color: #677379;
letter-spacing: .5em;
text-align: right;
font: italic normal normal large sans-serif;
font-style: italic;
margin: 0px;
padding: 0px;
}

..mname {
font: normal normal normal small sans-serif;
margin: 0px;
padding: 0px;
}
suncho

解决方案



Actually I found that some workaround is to set both the color and the
background-color to the same value... Still, this is a workaround. Is there
some CSS property that controls the 3d look of a HR like it is possible in
tables?
suncho




Which Netscape version? Be more specific.

<hr style="border-style: solid" />

should be sufficient, but IE has problem interpreting the default
border-color so you need to specify it explicitly:

<hr style="border: 1px solid black" />

--
Stanimir


default 3D


and if

<hr />



Actually I found that some workaround is to set both the color and the
background-color to the same value... Still, this is a workaround. Is


there some CSS property that controls the 3d look of a HR like it is possible in
tables?



Another workaround is:

<style>

..gone {
display: none;
}

..hr {
border-bottom: 1px #777 solid;
}

</style>
.. . .
<p>content content</p>
<div class="hr"><hr class="gone" /></div>
<p>content content</p>

Or have your content in a div and set a bottom border in a similar fashion.
The hr element is only kinda-sorta important to content, it''s really a
visual cue that something new is coming. Div borders are ideal for this. But
the above workaround allows there to be some kind of a hr in non-CSS
environments.


这篇关于CSS hr noshadow的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

10-22 01:33