标签: border

我正在为WPF中的项目设置样式ListBox,并希望在每个项目周围添加边框.与BorderThickness设置为1,例如,相邻的项之间的上下边框都引出,并因此出现比侧边界"厚",如下所示:

生成这些的项模板ListBoxItems是:

<DataTemplate>
  <Border BorderThickness="1" BorderBrush="DarkSlateGray" Background="DimGray" Padding="8 4 8 4">        
    <TextBlock Text="{Binding Name}" FontSize="16"/>
  </Border>
</DataTemplate>

我想"折叠"这些相邻的边界,例如,可以通过CSS.我知道BorderThickness可以单独为左/右/上/下边框定义,但这也会影响第一个或最后一个项目的边框,这是不希望的.

有没有办法用WPF实现这一目标？Border我缺少的属性,还是需要不同的方法来创建边界？

我需要删除所有边框.我已经添加border:false但是它不起作用.

请注意,我希望它具有此蓝色背景,所以我正在使用frame : true.

我的代码

        region: 'north',
        split: true,
        border: false, 
        height: 115,
        layout: 'border',
        items: [ {///Account info
            xtype: 'form',
            region: 'east',
            border: false,
            frame: true,
            //height: 100,
            width: 500, //'49%',//anchor : '50%',
            layout: 'column',

                items: [
                    { columnWidth: .5,
                      border: false, 
                      frame: true, 
                      defaults: { labelStyle: 'font-size:9px' },
                      items: [{
                            xtype: 'displayfield',
                            fieldLabel: 'Customer',
                            value: '<span style="color:blue;font-size:9px">IBM</span>'
                        }, {
                            xtype: 'displayfield',
                            fieldLabel: 'Subscription',
                            value: '<span style="color:blue;font-size:9px">On demand</span>'
                        }, {
                            xtype: 'displayfield',
                            fieldLabel: …

我的设计师在边角处设计了一个菱形边框.见下图.

我实现这一目标的方法是将钻石形状保存为图像,创建1px实心边框,然后将钻石形状放置在四个角上.虽然这有效但我确信有一个更聪明的方法可以做到这一点,而无需额外的标记.

也许使用类似的东西:在css之后？我该怎么做,还是有更好的方法？我需要与IE8 +兼容,但如果它与IE7 +一起工作甚至更好.

我写了以下jquery javascript的东西

$(document).mousemove(function(event) {
    var element = event.target;
    $(element).css("border","black solid 1px");
});

$(document).mouseout(function(event) {
    var element = event.target;
    console.log( "1 = "$(element).css("border-color") )
    $(element).css("border","0px");
    console.log( "2 = " + $(element).css("border-color") )
});

它基本上围绕悬停元素绘制框架.在chrome中运行时,输出console.log( "1 = "$(element).css("border-color") )为""即没有.同样如此console.log( "2 = "$(element).css("border-color") ).但我期待黑色.我也试过borderColor哪个也行不通.

无论如何,当悬停元素时,如我所料,在该元素周围绘制一个框架.那么为什么输出没有任何回报呢？

我试图围绕我的布局制作边框

但我正在尝试改变布局颜色.没有任何边界.

我的代码是

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"
> 

<stroke android:width="1dp"

        android:color="#eedfcc"
        android:background="#000080"/>

<corners android:bottomRightRadius="20dp"
         android:bottomLeftRadius="20dp" 
         android:topLeftRadius="10dp"
         android:topRightRadius="8dp"/> 
</shape>

为什么它不起作用？

我正在开发一个创建excel文件的项目.

我在多个单元格上放置边框以组织excel文件时遇到问题.

假设我想要从B5到B10的边界.B5,B6,B7之间不应该有边界......

目前,我有这个代码:

workSheet_range = worksheet.get_Range("B5", "B10");
workSheet_range.Borders.Color = System.Drawing.Color.Black.ToArgb();

它会生成边框,但是它会在每个单元格周围放置边框,而不是所有单元格都有一个大边框.

我怎么能做到这一点？

你能用CSS制作圆帽下划线(如上图所示)吗？怎么样？

有没有办法做到这一点border-bottom？border-radius产生这种时尚效果:

嗨,
我现在正试图用HTML/CSS设置一些看起来像便利贴的东西.

我瞄准的形象

请注意,无论该行中有多少个字符,每行都应加下划线.每个新行都应该完全加下划线.

HTML:

<p>
    <img src="http://trööt.net/img/pin.png" alt="Stecknadel"/>
    <font>Heading</font><br />
    <span class="blockMargin">
    <span class="underline">
        <strong>Subheading</strong> text text text
    </span>
    </span>
</p>

CSS:

p {
    background-Color: #ffc; 
    padding: 1em; 
    width: 40em; 
    box-shadow: 5px 5px 3px 0px rgba(119,119,119,0.7); 
    text-align: justify;
}
img{
    float: None;  
    height: 4em; 
    display: block; 
    margin-left: Auto; 
    margin-right: Auto;
}

.blockMargin{
    display: block; 
    margin-bottom: -1px;
}

.underline{
    border-bottom: 1px dotted #c03;
}

这是我目前正在使用的代码(已经从stackoverflow.com获得了这个想法).但是,它没有强调完整的线条,但工作方式与text-decoration: underline... 完全相同

有任何想法吗？也许我应该补充一点,我使用WordPress和核主题来创建它.

非常感谢您的帮助!

关于JSFiddle的例子:http://jsfiddle.net/8w9Lj7nd/

我正在使用以下代码:

# Libs
require(ggplot2); require(gridExtra); require(grid)

# Generate separate charts
chrts_list_scts <- list()

# Data
data("mtcars")

# A
chrts_list_scts$a <- ggplot(mtcars) +
  geom_point(size = 2, aes(x = mpg, y = disp,
                           colour = as.factor(cyl))) +
  geom_smooth(aes(x = mpg, y = disp),
              method = "auto") +
  xlab("MPG") +
  ylab("Disp") +
  theme_bw() +
  theme(panel.grid.major = element_blank(),
        panel.grid.minor = element_blank(),
        legend.position = "none")

# B
chrts_list_scts$b <- ggplot(mtcars) +
  geom_point(size = 2, aes(x = mpg, y = drat,
                           colour = as.factor(cyl))) +
  geom_smooth(aes(x …

我正在尝试在 SwiftUI 中进行文本笔画或在我的文本上添加边框，而不是在Text()项目中的字母中。

是否可以？

我想用边框制作这种效果：