问题描述
是否有任何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的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!