html5中button怎么边框怎么弄成圆角

 我来答
帐号已注销
高粉答主

2018-03-31 · 繁杂信息太多,你要学会辨别
知道大有可为答主
回答量:357
采纳率:100%
帮助的人:6.5万
展开全部

在HTML中把块的边框做成圆角需要利用css的border-radius属性。

操作步骤:

1、打开Adobe Dreamweaver CC 2015。

2、执行菜单栏中的"文件的新建"命令或按住Ctrl+N键打开"新建文档"对话框,选择其文档类型为HTML,单击"创建"按钮,即创建一个网页文档。

3、在<body>和</body>之间添加"<form></form>",如下图所示。表单使用的<form>标记是成对出现的,在首标记<form>和尾标记</form>之间的部分就是一个表单。

4、在<form>和</form>之间添加"<input name="text" type="submit" value="登录" class="input_box">",如下图所示。

5、在<head>和</head>之间添加"<style type="text/css"></style>",如下图所示。

6、在<style type="text/css">和</style>之间添加".input_box{width:360px; height:40px; border-radius:20px; border-style:none; background:#ec6941;font-size:14px; color:rgba(249,248,248,1.00);}",如下图所示。

7、保存网页文件,按住F12键可以在浏览器中预览效果,如下图所示。

语法说明

输入<input>是个单标记,必须嵌套在表单标记中使用,用于定义一个用户的输入项。

name属性:输入字段的识别名称,传递数据时的参数名称。

type属性:输入字段的类型。button是表单通用按钮。

value属性:表单字段预设数据值。例如用于button、submit、reset等字段类型指的是按钮标签的显示文字。

class属性:对应于网页中的CSS选择器名称。

微构网络
2016-07-13 · TA获得超过1145个赞
知道大有可为答主
回答量:2939
采纳率:32%
帮助的人:1894万
展开全部
<button type="button" style="padding: 10px 20px;border-radius: 5px; background:none; border: 1px  #555 solid; color: #333; " >botton</button>

不知道理解错了么有

本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
云端的舞姿
2016-07-13 · TA获得超过346个赞
知道小有建树答主
回答量:401
采纳率:33%
帮助的人:181万
展开全部
button{
        border-radius:50PX;
    }
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
育知同创教育
2016-08-09 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
展开全部

  工具:

  Dreamweaver

  电脑

  方法:

  1. 打开Dreamweaver,新建HTML

  2. 在HTML中输入如下代码

  3. 在浏览器打开即可查看到已变为圆角显示了

    说明:在上面代码中,关键就是“border-radius:5px;”此条语句

    定义和用法:

    border-radius 属性是一个简写属性,用于设置四个 border-*-radius 属性。

    提示:该属性允许您为元素添加圆角边框!

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式