当前位置: 首页 > 知识库问答 >
问题:

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

商俊智
2023-03-14

我正在为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个答案

屠杰
2023-03-14

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

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

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

 类似资料:
  • 问题内容: 我试图更改菜单按钮中的样式。我可以更改菜单按钮样式,但不能更改其菜单项。无论我尝试什么,菜单按钮内的菜单项都保持不变。 现在如何更改遗漏的颜色? 问题答案: MenuButton在Menu内部使用并具有类似的API。这样就MenuButton包含MenuItems列表,就像Menu。因此,我认为你需要尝试一起玩.menu,.menu-button并.menu-item在caspian.

  • 问题内容: AFAIK,Python中没有curses菜单扩展,因此您必须推出自己的解决方案。我知道这个补丁http://bugs.python.org/issue1723038,但我不知道它的当前状态是什么。我在http://www.promisc.org/blog/?p=33上找到了一个很好的Python类,用于包装我想要的“ cmenu”,但我对此也有疑问。我想制作一个菜单,用户可以选择一个

  • 我目前有类(它扩展了类),来自库,因此这是常规的一个实例。我想在我未修饰的周围画出这个边框。我当前在中使用以下方法设置边框: 注意:我正在使用框架的根窗格来绘制边框,因为框架本身不支持边框。 问题是边框是在组件内部绘制的,正如你可以在图片中看到的,阴影边框是在内部绘制的,与框架本身的边框相反: 注意:(阴影)边框是根据边框的边界在边框内绘制的,而不是在边框外。 使用哪种边框并不重要,所有边框都是在

  • 本文向大家介绍如何使用CSS绘制一个汉堡式菜单相关面试题,主要包含被问及如何使用CSS绘制一个汉堡式菜单时的应答技巧和注意事项,需要的朋友参考一下 比较常见的两种方法: 利用元素自身、和伪元素绘制3个长宽一致的矩形,然后设定其y偏移值。 利用上下和自身元素内容绘制:

  • 问题内容: 我在python代码中遇到了麻烦。 我的问题是我需要在图像的感兴趣区域周围绘制一个矩形。如何在python中完成?我正在执行对象检测,并想在我相信在图像中找到的对象周围绘制一个矩形。 问题答案: 请不要尝试使用旧的cv模块,请使用cv2: [编辑]追加以下后续问题:

  • 如何创建如下所示的菜单: 链接到PSD 我不想用PSD图像。我更喜欢使用像FontAwesome这样的软件包中的图标,并在CSS中生成背景/CSS。 使用PSD生成工具提示图像然后使用它的菜单版本可以在这里找到。