简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > HTML Tutorial > body text

html按钮问题_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 12:10:09
Original
2160 people have browsed it

<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>
Copy after login


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

求解！谢谢！


回复讨论(解决方案)

标准的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

Related labels：
html按钮问题
source：php.cn
Previous article：跳转页面怎么做?_html/css_WEB-ITnose Next article：关于dir属性的疑问_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
CSS styles not applied to site I'm making a website using Bootstrap5 but the index.css properties are not being applied t...
From 2024-04-06 17:12:23
0
1
336
OAuth 2.0 configuration settings I'm using phpmailer to send mail through smtp.google.com server but now it's not working b...
From 2024-04-06 11:12:57
0
1
408
Push objects to array, composable API There is a project. There are two selection options "size" (large, small) and qu...
From 2024-04-05 14:41:47
0
1
1526
Tried everything but still the HTML content is not showing Basically, the content of the html document won't display anything on the browser. This HT...
From 2024-04-04 19:16:15
0
1
3496
jQuery.remove() and array.splice() issues So I have a page that has a list of items and a shopping list. If you add x number of item...
From 2024-04-04 17:21:35
0
1
347
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！