我已经读了一些教程,但所有我能够实现的是一个边框在一边,或双方的颜色相同。我正在尝试创建一个样式,它将在顶部应用一个与底部边框不同的颜色和宽度的边框。
所以我想有一个带有2DP的边框在顶部带有蓝色,一个带有3DP的边框在底部带有红色。
这是我用来在顶部和底部应用边框的样式,但我不能改变顶部或底部的颜色。
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
<shape
android:shape="rectangle">
<stroke android:width="1dp" android:color="#FF000000" />
<solid android:color="#FFDDDDDD" />
</shape>
</item>
<item android:top="1dp" android:bottom="1dp">
<shape
android:shape="rectangle">
<stroke android:width="1dp" android:color="#FFDDDDDD" />
<solid android:color="#00000000" />
</shape>
</item>
</layer-list>
它不是很脏,但很管用:)。
图层列表可绘制:
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<!-- TOP STROKE-->
<item>
<shape android:shape="rectangle">
<solid android:color="@color/top_stroke_color" />
</shape>
</item>
<!-- BOTTOM STROKE-->
<item android:top="@dimen/top_stroke_width">
<shape android:shape="rectangle">
<solid android:color="@color/bottom_stroke_color" />
</shape>
</item>
<!-- MAIN SHAPE -->
<item android:top="@dimen/top_stroke_width" android:bottom="@dimen/bottom_stroke_width">
<shape android:shape="rectangle">
<solid android:color="@color/main" />
</shape>
</item>
</layer-list>
颜色定义:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="top_stroke_color">#0000FF</color>
<color name="bottom_stroke_color">#FF0000</color>
<color name="main">#00FF00</color>
</resources>
<?xml version="1.0" encoding="utf-8"?>
<resources>
<dimen name="top_stroke_width">10dp</dimen>
<dimen name="bottom_stroke_width">20dp</dimen>
</resources>
当前结果:下边框为灰色 所需结果:所有边框均为白色 问题:CSS中的边框颜色设置为白色
我有一个表格,每个边框都设置为1px宽。我希望顶部、左侧和底部边框是黑色的,右侧边框是白色的。所以,我使用了这个css代码 问题出现在IE9中,其中右上角的像素为白色,而右下角的像素为黑色。 我怀疑问题来自IE9重组样式的方式,因为当我在开发工具控制台中查看我的表的css时,它是这样排序的: 这让我想,也许,用于定义颜色的顺序使其顶部边框为黑色,然后右侧边框为白色(覆盖右上角),然后底部边框为黑色
问题内容: 我有以下代码 div宽度为200px,因此border-bottom也是200px,但是如果我希望border-bottom- bottom仅100px而又不更改div宽度,该怎么办? 问题答案: 您可以使用伪元素。例如 无需出于演示目的使用额外的标记。IE8也支持:after。 编辑: 如果你需要一个右对齐边框,只是改变与 如果您需要居中对齐的边框,只需设置
问题内容: 我的边框颜色有问题。没用 我是CSS新手, 问题答案: 默认情况下,is 和is 因此,您需要将它们设置为和。您可以将所有边框属性组合为一个,如下所示:
我想增加高度但不是宽度的大小。下面的代码增加高度和宽度。 我试着用下面的代码,但它不起作用 这两个都不工作。请任何人帮助我增加面板高度的大小
问题内容: 我想在表格中某个字段的上方放置一条线,以表明它是上述值的总和。但是,该表默认情况下已经带有边框。 这是一个示例:我有一张折叠了边框的桌子。我将边框底部设置在一个字段上,将边框顶部设置在其下方的字段上。这两个都指定相同的边框。使用最上面的CSS。有没有一种方法可以使用最底层的? 这显示了两个单元格之间有一条红线。有办法获得金线吗? 问题答案: 这是的已定义行为。《 O’Reilly CS