用css创建装饰性图像边框？

时间：2016-03-31 作者：grlwondr

我正在尝试为网站上的多个图像创建自定义边框样式（在WordPress中构建）有没有办法用纯CSS获得下面所示的样式？（即：尝试添加下面显示的深绿色波浪形边框）

enter image description here

1 个回复
最合适的回答,由SO网友:Jessica Guerard 整理而成

这些链接可以帮助您开始：

https://stackoverflow.com/questions/33759102/wave-border-in-css

https://stackoverflow.com/questions/25895895/creating-a-droplet-like-border-effect-in-css/25903879#25903879

您可以使用伪元素和css3实现这样的效果。

你甚至可以把边境变成SVG:

.divider {
  border: 32px solid transparent;
  border-image:url(../svg/wave_96x96_border-image.svg) 32 round round;
  background-color: #3c93c9;
}
祝你好运。

标签： images   css   小码农  

相关推荐

将页面特定的css文件入队的正确方法

我正在寻找一种替代使用函数的方法。php并基于每个页面的ID应用条件，相反，我希望将CSS排在每个页面的顶部，如下所示：<?php defined(\'ABSPATH\') or die(); ?> <?php get_header();?> <?php wp_enqueue_style(\'home\', get_template_directory_uri() . \'/assets/css/style.css\', \'\',