communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > html按钮问题_html/css_WEB-ITnose

html按钮问题_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-24 12:10:09
original
2214 Les gens l'ont consulté

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /></head><body><input type="button"  value="next" style="color:#FFFFFF;background-color:#0065CA;font-family:BorderWebBOLD;font-size: 15px;Font-Weight:bold;" onClick="btnApply()"> </body></html>
Copier après la connexion


我要设置这个按钮，但是按钮的形状是长方形的，我需要这个按钮两边是呈圆弧形，同时我不希望通过插入按钮图片来实现，什么属性或者方法可以达到两边呈半弧的按钮？

求解！谢谢！


回复讨论(解决方案)

标准的CSS2没办法弄圆角的
除非加一大堆元素来模拟，那这样还不如加一个图片省事

纯CSS实际的按钮, 圆角、立体效果

设计一张两边半弧形btn_bg.gif透明背景图
.btn{
 width:**px; height:**px;
 background:url(btn_bg.gif) no-repeat;
}


CSS3属性 border-radius: 3px 4px 5px 6px; 只有部分浏览器支持（标准浏览器和IE9以上）。

纯CSS实际的按钮,圆角、立体效果
+111

Étiquettes associées：
html按钮问题
source：php.cn
Article précédent：跳转页面怎么做?_html/css_WEB-ITnose Article suivant：关于dir属性的疑问_html/css_WEB-ITnose
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Styles CSS non appliqués au site Je crée un site Web en utilisant Bootstrap5 mais les propriétés index.css ne sont pas appl...
Depuis 2024-04-06 17:12:23
0
1
336
Paramètres de configuration OAuth 2.0 J'utilise phpmailer pour envoyer du courrier via le serveur smtp.google.com mais maintenan...
Depuis 2024-04-06 11:12:57
0
1
408
Pousser des objets vers un tableau, API composable Il y a un projet. Il existe deux options de sélection « taille » (grande, petite) et quant...
Depuis 2024-04-05 14:41:47
0
1
1526
J'ai tout essayé mais le contenu HTML ne s'affiche toujours pas Fondamentalement, le contenu du document HTML n'affichera rien sur le navigateur. Ce docum...
Depuis 2024-04-04 19:16:15
0
1
3496
Problèmes jQuery.remove() et array.splice() J'ai donc une page qui contient une liste d'articles et une liste de courses. Si vous ajou...
Depuis 2024-04-04 17:21:35
0
1
347
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal