CSS：多色边框
共有2个答案
这是一个实际的设计。它可以通过html5 JS实现，但我不认为这是CSS边界。
您可以将边框颜色设置为透明
border:10px solid transparent;
然后您可以使用border-image属性将图像用作边框。例如：
border-image: url(boder-img.png) 30 round;
-webkit-border-image: url(boder-img.png) 30 round; /* Safari 3.1-5 */
-o-border-image: url(boder-img.png) 30 round; /* Opera 11-12.1 */
根据W3Schools，边框图像的语法为：
border-image: source slice width outset repeat|initial|inherit;
在此处了解有关边框图像的详细信息：http://www.w3schools.com/cssref/css3_pr_border-image.asp
p.img-border{
border: 10px solid transparent;
padding: 15px;
-webkit-border-image: url(https://www.welovesolo.com/wp-content/uploads/vecteezy/01/1fbahmfyivo.jpg) 30 round; /* Safari 3.1-5 */
-o-border-image: url(https://www.welovesolo.com/wp-content/uploads/vecteezy/01/1fbahmfyivo.jpg) 30 round; /* Opera 11-12.1 */
border-image: url(https://www.welovesolo.com/wp-content/uploads/vecteezy/01/1fbahmfyivo.jpg) 30 round;
}<p class="img-border"> Sample paragraph. </p>-
如何创建多色边框，如下图所示？
-
当前结果：下边框为灰色 所需结果：所有边框均为白色 问题：CSS中的边框颜色设置为白色
-
问题内容： 我想在表格中某个字段的上方放置一条线，以表明它是上述值的总和。但是，该表默认情况下已经带有边框。 这是一个示例：我有一张折叠了边框的桌子。我将边框底部设置在一个字段上，将边框顶部设置在其下方的字段上。这两个都指定相同的边框。使用最上面的CSS。有没有一种方法可以使用最底层的？ 这显示了两个单元格之间有一条红线。有办法获得金线吗？ 问题答案： 这是的已定义行为。《 O’Reilly CS
-
问题内容： 我的边框颜色有问题。没用 我是CSS新手， 问题答案： 默认情况下，is 和is 因此，您需要将它们设置为和。您可以将所有边框属性组合为一个，如下所示：
-
主要内容：1. border-style,2. border-width,3. border-color,4. borderCSS 中的边框是围绕着元素内容和内边距的一条或多条线段，您可以自定义这些线段的样式、宽度以及颜色。您可以通过下面几个属性分别定义边框的样式、宽度和颜色： border-style：设置边框的样式，例如实线、虚线等； border-width：设置边框的宽度（厚度）； border-color：设置边框的颜色； border：上面三个边框属性的缩写。 1. border-s
-
在制作网站时，我经常使用透明的png（f.I.创建http://www.noisetexturegenerator.com/)使设计更具材质和真实感。 现在，我正在设计一个也大量使用边框的设计，所以我想知道是否可以以同样的方式添加纹理。（i. o. w.定义一个实心边框并用png覆盖它（png是透明的，因此它必须适应之前指定的实心颜色）） 据我所知，不能用这种方式处理边框图像，因为浏览器会忽略纯色