相关疑难解决方法(0)

我搜索过,只能找到多个边界问题.我需要制作一个有4种颜色重复的边框.

<div id="wrapper" style="width:100%; background:#ccc; border-top: thick solid blue; border-bottom: thick solid blue; padding:10px;">
<div id="content">
This is some content.
</div>
</div>

http://jsfiddle.net/f7JT7/

我做了一切内联,所以更容易理解

我希望边框顶部和底部重复4种不同的颜色.

1 2 3 4 1 2 3 4 1 2 3 4

这可能与CSS？我知道我可以做点什么

<div>
<div id="red" style="width:50px;"></div><div id="green" style="margin-left:50px; width:50px;"></div><div id="purple" style="margin-left:100px; width:50px;"></div>
</div>

但我想看看有没有更好的方法用css做到这一点？谢谢.

这是我设计的屏幕截图

我正在尝试使<ul>元素的右边界成为线性渐变。
我尝试了以下操作，但没有成功：

-webkit-border-image: -webkit-linear-gradient(top, #FE2EF7, #4AC0F2) 0 0 5px;

我正在使用Chrome。
非常感谢

我有以下CSS: -

a.btn.white-grad {
    background: $lgrey;
    color: #313149 !important;
    border: 1px solid #000;
    border-image-source: linear-gradient(to right, #9c20aa, #fb3570);
    border-image-slice: 20;
    float: left;
    @include font-size(26);
    margin: 75px 0;
}

添加border-radius:5px似乎没有做任何事情,我认为这是因为我正在使用边框渐变,有没有办法让我达到所需的5px边框半径？

我有导航html,并希望在悬停时添加图像像这个附件,如果菜单文本是长或短,它应该设置正确.如果正常图像在那里它可以设置但形状不同所以我怎么能设置这个？

有没有办法使用任何CSS进行这样的形状？

这是一个最初在Silverlight中实现和设置样式的按钮.

如何在HTML/CSS中实现此按钮？请注意边框和按钮背景中的不同渐变以及边框中的圆角.边框宽度应可调节,但按钮周围尺寸均匀.

示例图片中的红色是页面背景,不是按钮的一部分.

按钮截图​​http://i52.tinypic.com/2vsetlw.png

更新:忘了提,我更喜欢没有图像的解决方案,即.纯CSS.Css3很好,我不需要支持IE6-8.

我想要实现这个目标:

我找不到类似的东西,但这是我失败的尝试:

#one {
  width: 200px;
  height: 100px;
  background-color: white;
  box-shadow: 0px 0px 20px #2D8DBD;
  left: 50px;
  display: inline-block;
  margin-right: -100px;
}
#two {
  width: 200px;
  height: 100px;
  background-color: white;
  box-shadow: 0px 0px 20px #B22D2D;
  left: -50px;
  display: inline-block;
  margin-left: -50px;
  z-index: -1;
}

<center>
  </br>
  </br>
  <div id="one"></div>
  <div id="two"></div>
</center>

jsFiddle演示.

我正在使用bootstrap,所以我不认为只是制作另一个"渐变"图像会更简单.

此外,我尝试妥协:http://designposts.net/fresh-free-css3-and-html5-tutorials/但我的图像被圈起来,所以它原来是一个切割方块.