㈠ 怎样用css写出圆形边框
1、首先打开sublimetext编辑器,新建一个html文件,里面写入一个p标签:
㈡ 在HTML 里面 如何让一个DIV的边框变为圆角边框 而不是默认的矩形边框
上面这位兄台你的回答是COPY的吧,没有讲到重点不说,洋洋散散那么多字都是多余的,我给你写一句简单的代码。
CSS代码:
<style>
#myDiv {
border-radius: 4px; /*这句就是重点,让边框变为圆角*/
border: 1px solid #CCC; /*让边框变为1px宽度,直线,#CCC颜色*/
width: 500px;
height: 500px;
}
</sytle>
HTML代码:
<div id="myDiv">这是圆角矩形</div>
就是这么简单,你COPY过去就OK了。
另外说一句,这个圆角的属性是CSS3中的特性,在IE9以下以及非webkit和moz内核的浏览器下都是不行的(比如IE8、IE7、IE6),这些浏览器就只能使用图片达到圆角效果了。
纯手工制造,希望对你有帮助,有任何疑问可以继续追问。
㈢ html边框圆角化代码
html边框圆角化可以用css中的“border-radius”属性来实现。
1、新建html文档,在body标签中添加一个div标签,然后为这个div标签设置边框,这时默认情况下边框是直角:
㈣ html文本框怎么用css变圆角
border-radius属性可以实现元素的圆角。如下css可以实现文本框(单行、多行)的圆角:
input[type=text],textarea{border-radius:3px;border:1px solid #000;}
border-radius用法如下:
border-radius 属性是一个简写属性,用于设置四个 border-*-radius 属性。
该属性允许为元素添加圆角边框
语法:
border-radius: 1-4 length|% / 1-4 length|%;
按此顺序设置每个 radius 的四个值。
如果省略 bottom-left,则与 top-right 相同。
如果省略 bottom-right,则与 top-left 相同。
如果省略 top-right,则与 top-left 相同。
单位一般用px和百分比较多,其他单位也可
㈤ 如何在html中设置圆角边框
1、在HTML中设置圆角边框有两种常见的方式。
2、一种设置圆角的方式是使用图片。把输入框设置为无边框模式,然后显示背景图,背景图里画一个圆角边框即可。
3、另一种设置圆角的方式是设置border-radius属性,border-radius即为圆角边框属性,但是IE9之前的版本是不支持这个属性的。
4、希望对你有帮助。
㈥ html语言把边框设置成圆形的代码
设置成圆角边框吧?
那是css干的事,设置 border-radius: 10px;(数值可以自己改)
㈦ 网页设计中,怎么让DIV的边框的4个角呈圆角形
怎么能让一个DIV或者一个图片的四角为圆形呢?其实并不需要我们去把每个角都剪切掉,而只需要设置每个解的圆狐度即可。
案例代码:
div{border-radius:5px5px00;}设置DIV对象盒子左上角和右上角5px圆角,其它两个角为0不圆角
border-radius:3px 4px 5px 6px代表设置对象左上角3px圆角、右上角4px圆角、右下角5px圆角、左下角6px圆角.box2img{border-radius:5px}
设置DIV中的图片为圆角图片。
㈧ 在HTML中如何把块的边框做成圆角
在HTML中把块的边框做成圆角需要利用css的border-radius属性。
1、定义和用法
border-radius 属性是一个简写属性,用于设置四个 border-*-radius 属性。
提示:该属性允许您为元素添加圆角边框!
默认值:
0
继承性:
no
版本:
CSS3
JavaScript 语法:
object.style.borderRadius="5px" ;
2、语法
border-radius: 1-4 length|% / 1-4 length|%;
注释:按此顺序设置每个 radii 的四个值。如果省略 bottom-left,则与 top-right 相同。如果省略 bottom-right,则与 top-left 相同。如果省略 top-right,则与 top-left 相同。
div#DemoArea
{
border-radius:50px;
}
3、结果:
㈨ html中如何将搜索框的四个角设置成圆的
要是要兼容ie的话,必须是用图片。
要是不考虑ie的话
直接写代码就好了。在css中写:-moz-border-radius: 11px;-khtml-border-radius: 11px;-webkit-border-radius: 11px;border-radius: 11px;
㈩ 如何用CSS可以使边框变圆
用CSS可以使边框变圆方法:
工具/原料
Dreamweaver软件
电脑
方法/步骤
1、首先需要打开自己的DW软件,选择文件下面的新建,在弹出框中选择新建一个html页面。