标签: border

基本上我想弄清楚我如何在CSS中使用谷歌浏览器渲染的DIV圆角

如何创建Border可以容纳其他UI元素的循环？

像这样的东西:

是否有一些简单的方法来实现类似的效果？

我正在进行表单验证.当表单输入不正确时,我在文本框中添加一个红色边框:

document.getElementById("fName").style.borderColor="#FF0000"

这给了我一个2px的红色边框.我想要做的是如果用户putas正确值回到原始边框...

谁能告诉我如何在javascript中更改边框大小和颜色

任何人都可以告诉我如何更改导航栏下方的边框？

我想将它从当前的黑光改为更柔和的颜色.感谢这里的任何帮助

[编辑:澄清了box-sizing:border-box似乎不适用,因为我使用的是绝对定位]

以下代码说明了我的问题.我正在使用绝对定位,因为我发现这对于基于流的布局更为棘手,但我愿意接受建议.我想要的是围绕任意元素的边界,没有边界影响节点的定位.(边框可能会被内容剪辑或覆盖,但这并不重要.)

特别是,父项的边界必须能够与其子项的边界重叠,这不是默认行为.CSS box-sizing属性可以设置为border-box来实现我想要的效果,但只有(我相信)内联元素.它对具有绝对定位的元素没有影响(据我所知).

因此,我的方法是使用负边距来抵消边界宽度的孩子的位置.这确实似乎抵消了边界存在的影响,但不幸的是,这种方式并不是在缩放因子之间保持一致的.在大规模,事情看起来不错.在Chrome浏览器的默认浏览器中,元素定位稍微偏离(它们看起来太高); 如果我变小,那么元素位置会向另一个方向移动.

但如果我完全删除边框,布局似乎可以扩展.

所以我的问题是:是否有可靠(可扩展)的方式在HTML元素上设置边框而不影响元素的定位？

[在这个例子中,我为一些边框使用了不同的颜色.我想只看到黑色,但在某些变焦处我可以看到红色和绿色边框,表明元素的位置受到边框存在的影响.

谢谢Roly .bordered {position:absolute; 身高:18px; 边框:2px固体; 保证金:-2px; }

<span class="bordered" style="width: 55px; left: 30px;">
  <span class="bordered" style="width: 8px; left: 0;">
    (
  </span>
  <span class="bordered" style="border-color: green; width: 47px; left: 8px;">
    <span class="bordered" style="border-color: red; width: 39px; left: 0;">
      <span class="bordered" style="width: 8px; left: 0;">
        5
      </span>
      <span class="bordered" style="width: 31px; left: 8px;">
        <span class="bordered" style="width: 23px; left: 8px;">
          Nil
        </span>
      </span>
    </span>
    <span class="bordered" style="width: 8px; left: 39px;"> …

我想制作一个如下图所示的渐变边框:

但我不知道它究竟是怎么做的,即我应该用它做什么渐变色？如何设置我的视图以显示像图像的边框？

我正在使用以下代码来获取边框:

 self.view.layer.borderColor = [UIColor orangeColor].CGColor;
 self.view.layer.borderWidth = 2.0f;

我有一个用XML定义的TextView,我想设置背景颜色和边框.我遇到的问题是在XML中我已经android:background用于设置边框资源,因此我无法再次使用它来获取背景颜色.有人可以指导我正确的方向吗？

Border.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
   <solid android:color="#ffffff" />
   <stroke android:width="1dip" android:color="#7F000000"/>
</shape>

的TextView

<TextView
        android:id="@+id/editor_title"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:background="@drawable/title_border"         
        android:padding="5dp"
        android:text="@string/editor_title"               
        android:textAppearance="?android:attr/textAppearanceMedium" />

我想为某些JPanels 添加填充.我找到了这个答案:https://stackoverflow.com/a/5328475/1590323

它适用于没有边框的面板.但是,我如何为已经有边框的面板做到这一点？(TitledBorder在这种情况下是A )

我试过了:

JPanel mypanel = new MyPanel(); // Panel that I am going to add a TitledBorder to, but needs padding
mypanel.setBorder(new EmptyBorder(10,10,10,10));
JPanel mypanel_container = new JPanel();
TitledBorder border = BorderFactory.createTitledBorder(BorderFactory.createRaisedBevelBorder(), "My panel");
border.setTitleJustification(TitledBorder.LEADING);
mypanel_container.setBorder(border);
mypanel_container.add(mypanel);
this.add(mypanel_container);

(简而言之:在EmptyBorder应该具有a的TitledBorder面板中TitledBorder添加,然后使用该面板创建另一个面板并将第一个面板添加到该面板,然后使用该面板)

但后来我得到了太大的填充,忽略了构造函数的值EmptyBorder.

那么如何在带图形边框的JPanel中添加填充？

如何从WPF ListView控件周围删除"经典"缩进边框？将其设置BorderThickness为0并没有摆脱它.

是否可以将SVG图像包装在边框内(即 - 围绕该图像放置CSS边框).