如何在菜单项周围创建“绘制”样式线

提问者：小点点

我正在为wordpress做一个菜单，我正在尝试在不同的菜单项周围画一个类似“绘制”的边框。

至于现在，我有一个“画”圈的背景。（我们就叫它BG.PNG吧）。

我可以得到一个菜单项周围的圆圈，并将其正确放置。当然，我的一些菜单项的单词比其他的要长。

这就是我现在如何使用菜单的活动部分：

url('img/bg.png'); 
background-repeat: no-repeat; 
background-position-y: 10;

这显示了当悬停菜单项时的圆圈，但在某些单词上它太大或太小。这与我正在使用的png类似：http://instantsplash.com/a/images/hand-drawn/crowles/04.png

提前道谢！

共1个答案

匿名用户

我以前的作品也有类似的问题。

你必须决定你是想要一个大的图像，在某些项目上可能太大，还是想要一个小的，有时可以重叠你的项目，如果文本较大。

另一种解决方案是在css中使用background-size属性，并将图像拉伸到容器的大小。但这种解决方案可能会导致比率或图像质量问题。