如何在纯css中制作按钮?

如何在纯css中制作按钮?,css,css-shapes,Css,Css Shapes,任何人都可以帮助我的最佳解决方案,使按钮在纯css以及字体和字体样式 您可以在按钮和许多其他元素上放置图像。此复选框是这样创建的 HTML CSS input#search{ background:url(../search-icon.png); background-repeat: no-repeat; width:40px; height:40px; } 参见此示例-css3复选框图像替换您应该分享您在提问时尝试过的内容 这不是一个代码制作网站。我们将帮

任何人都可以帮助我的最佳解决方案,使按钮在纯css以及字体和字体样式


您可以在按钮和许多其他元素上放置图像。此复选框是这样创建的

HTML

CSS

input#search{
    background:url(../search-icon.png);
    background-repeat: no-repeat;
    width:40px;
    height:40px;
}

参见此示例-css3复选框图像替换

您应该分享您在提问时尝试过的内容

这不是一个代码制作网站。我们将帮助您调试预先存在的代码

但无论如何,这里有一个你想要实现的例子(我猜你对按钮的css样式感兴趣,例如阴影、边框等)

下面的例子只是一种方法。这完全取决于您的html结构

让我知道它是否适合你

.button{
文本对齐:居中;
背景:黄色;
显示:内联块;
边界半径:15px;
填充:15px 30px;
-moz盒阴影:0px 5px 0px 0px#cec202;
-网络工具包盒阴影:0px 5px 0px 0px#cec202;
盒影:0px 5px 0px 0px#cec202;
位置:相对位置;
左边距:15px;
光标:指针;
}
.button h1、.button p{margin:0}
.按钮:之后{
背景#906200;
位置:绝对位置;
宽度:计算(100%+10px);
高度:计算(100%+15px);
排名:0;
内容:“;
左:-5px;
z指数:-1;
边界半径:15px;
}

我是一颗纽扣
按钮下有更多文本


好的。你试过什么?创建共享html css代码看起来非常简单。你试过了吗?(编辑:这个问题的投票人,我不知道你在想什么。)这不是按钮。这是一个复选框。我将首先使用复选框和标签,并对其应用一些样式。看起来你可能只需要这些元素就可以做到。Stackoverflow不是一个“免费完成我的编程”的网站。这是一个帮助编程的网站。请分享您的代码,我们将尽力提供帮助。请分享您的代码。问题还可能是如何创建圆形边框,如何创建外部阴影,如何创建内部阴影,如何…同意@vals先生的意见。谢谢所有回复者。刚刚出现堆栈溢出。嗨@Mihai T谢谢你的帮助。非常新的编码,不知道这样的要求。需要多练习。非常感谢much@ShaneNickman很高兴我能帮忙。如果这个答案对你有用…请按接受的费率计算