如何在html / css中制作自定义形状的按钮?

斯滕森

我想知道Facebook和TeamTreehouse等网站如何自定义导航按钮的形状。像这样:

(来自teamtreehouse.com)https://gyazo.com/47e09a6d70019b5b8d93549af20f1a9c,以及这个(来自facebook.com)https://gyazo.com/32de164e941c4f80355bd3d0b6045abe

有人可以告诉我您如何制作这些自定义形状的按钮吗?:) 谢谢!

注意:很抱歉使用链接而不是图片,信誉不高...

塞巴斯蒂安巴里亚

您不必为此使用按钮。它可以是一个简单的A标签,并使用CSS给出with,大小和背景。您也可以使用此技术来指定:hover状态。

<a href="whatever.html" class="icon"></a>

<style type="text/css">
.icon{
    display:block;
    width:20px;
    height:20px;
    background-image:url(your-image.gif) bottom;
}

.icon:hover{
    background-position:top;
}
</style>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Flutter中制作自定义按钮形状

来自分类Dev

如何在Swift 2中制作按钮自定义形状的框架

来自分类Dev

使用CSS形状:如何使用纯HTML和CSS制作自定义图标

来自分类Dev

如何在Dreamweaver CS6中制作自定义形状

来自分类Dev

如何在 wpf 中制作自定义形状的进度条?

来自分类Dev

如何自定义形状的开关按钮?

来自分类Dev

如何自定义形状的开关按钮?

来自分类Dev

如何在HTML中自定义单选按钮

来自分类Dev

如何自定义按钮(CSS,HTML)

来自分类Dev

如何使用CSS制作自定义可点击形状以覆盖所需的确切区域?

来自分类Dev

如何在网格中添加多个自定义形状的按钮?

来自分类Dev

如何创建自定义形状-CSS

来自分类Dev

如何在ZF2表单中制作自定义单选按钮标签?

来自分类Dev

如何在 angular 2+ 中制作自定义加载按钮组件?

来自分类Dev

如何制作自定义形状div或操作div

来自分类Dev

如何制作自定义终端光标形状?

来自分类Dev

在xml中为按钮定义了自定义形状。现在,我想动态更改颜色。如何?

来自分类Dev

如何在CSS3中使用伪类创建自定义形状

来自分类Dev

如何在自定义形状xml中添加图像

来自分类Dev

如何在SwiftUI中绘制自定义形状?

来自分类Dev

如何在自定义形状xml中添加图像

来自分类Dev

如何在画面中添加自定义形状?

来自分类Dev

如何在C#中制作自定义颜色?

来自分类Dev

如何在Android中制作自定义TextView?

来自分类Dev

如何在C#中制作自定义GUI

来自分类Dev

如何在Android中制作自定义范围栏?

来自分类Dev

如何在Django中制作自定义装饰器?

来自分类Dev

如何在C#中制作自定义颜色?

来自分类Dev

如何在Wordpress中制作自定义页面

Related 相关文章

热门标签

归档