css圆角样式 html文本框怎么用css变圆角?
浏览量:2686
时间:2021-03-10 18:09:46
作者:admin
html文本框怎么用css变圆角?
边界半径属性可以实现元素的圆角。下面的CSS可以使文本框(单行,多行)变圆:input[type=text],textarea{border]-半径:3pxB:1pxsolid#000}border radius的用法如下:border radius属性是用于设置四个border-*-radius属性的速记属性。此属性允许您向元素添加圆角边框。语法:border-半径:1-4长度|%/1-4长度|%按此顺序设置每个半径的四个值。如果省略左下角,则与右上角相同。如果省略右下角,则与左上角相同。如果省略右上角,则与左上角相同。一般以PX和percentage为单位,也可以用其它单位
直接用CSS样式的border radius,如果border radius后面只有一个参数,则表示四个角;如果border radius后面只有两个参数,则第一个参数表示左上和右下,第二个参数表示坐姿和右上角;如果边界半径后只有三个参数,第一个参数表示左上角,第二个参数表示右上角。该参数表示左下角和右上角,第三个参数表示右下角。如果在边界半径之后只有四个参数,那么参数依次从右上角到左上角为
工具:Dreamweaver计算机方法:打开Dreamweaver,创建一个新的HTML,在HTML中输入下面的代码,在浏览器中打开,可以看到它变成了一个圆角。Description:在上面的代码中,键是“border”—半径:5px“此语句的定义和用法:border radius属性是用于设置four B的Order-*-radius属性的速记属性。提示:此属性允许您向元素添加圆角边框!
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。