重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
圆角在html5以前是不能用代码实现的,及时你用滤镜实现但是IE6不是很好支持滤镜,用代码实现很就是,复杂、麻烦、闲得慌,用图片实现是最好的,你用ps画一个你想要的圆角框作为div的背景,就O啦,备注,html5
创新互联建站专注于哈密企业网站建设,响应式网站开发,商城网站建设。哈密网站建设公司,为哈密等地区提供建站服务。全流程专业公司,专业设计,全程项目跟踪,创新互联建站专业和态度为您提供的服务
ie8以下的版本不支持
html边框圆角化可以用css中的“border-radius”属性来实现。
1、新建html文档,在body标签中添加一个div标签,然后为这个div标签设置边框,这时默认情况下边框是直角:
2、为div标签设置“border-radius”属性,属性值为圆角半径大小,这时边框的四个顶角都会变成圆角:
3、为div标签设置“border-radius”属性,属性值分别对应边框的左上角、右上角、右下角和左下角,这时可以对每个顶角自定义设置圆角半径:
用圆角背景图
或者
CSS3吧(但是也只是部分浏览器支持)
ul style="list-style:none; border:1px #FF0000 solid; border-radius: 4px; width:100px;"
li123456/li
li1231544/li
/ul
用这种方法也行,在样式里面加上border-radius: 4px; ,这个就表示圆角;但这个是html5的标签;
圆角一共有四个参数,分别是左上、右上、右下、左下。
如果只设定一个参数,那么四个角都用这一个参数;
如果只设定3个参数,那么第四个参数和第二个参数一样,即:左上和右下一样,右上和左下一样,类似padding和margin的四个参数。
在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选择器名称。