与边框图像的虚线边框

-2

我有三个与背景图像和11或内容叠加的图层2。与边框图像的虚线边框

在内容我放置了输入按钮标签与虚线寄宿生。

我试图实现的是从第1层只在破折号获得相同的背景层图像。

明显背景：透明没有为第二选择工作，所以我使用的输入边界，并试图通过从层1

enter image description here

.button { 
font-family:verdana, sans-serif; 
font-size: 20px; 
font-weight: bold; 
background: transparent; 
border-width:5px; 
border-style:dashed; 
border-color: black; }

边界图像设置为背景图像来模拟此行为

所以周围的提交按钮的所有短划线应该有一个像左边

第一层相同的背景我把它改为：

enter image description here

.button { 
font-family:verdana, sans-serif; 
font-size: 20px; 
font-weight: bold; 
background: transparent; 
border-width:5px; 
border-style:dashed; 
border-color: black; 
border-image: url(/img/bg1.jpg); }

我没有任何想法如何实现虚线的外观与边境图像

有：边界图像：网址（/img/bg1.jpg）30 30发; enter image description here

http://jsfiddle.net/6vKdh/3/

来源

2014-04-05 Tom

如果显示什么在第一幅图像就是你想要实现，那么我不明白一个简单的虚线边框将无法实现这一点。 – CBroe

CSS语法border-image是这样的：

border-image: source slice width outset repeat|initial|inherit;

所以，你在那里失去了一些东西。

尝试更换您border-image

border-image: url(/img/bg1.jpg);

这个例子：

border-image: url(/img/bg1.jpg) 30 30 round;

更多的文档看看这个：CSS3 Border-Image

来源

2014-04-05 13:24:09 dippas

之前尝试过，但仍然失去破折号，我在我的问题中添加了截图。 – Tom

你可以用你的图像设置一个小提琴，这样我们可以更好地帮助你吗？ – dippas

http://jsfiddle.net/6vKdh/3/ – Tom

与边框图像的虚线边框

回答

相关问题