Html怎么把文本框边缘变半圆,css圆角怎么弄个半圆？

CSS3是CSS(层叠样式表)技术的升级版本，CSS3原理同CSS，是在网页中自定义样式表的选择符，然后在网页中大量引用这些选择符。

border-radius制作半圆：

把div高度(height)设为宽度(width)的一半，并且只设置左上角和右上角的圆角半径与元素的高度一致，而右下角和左下角的圆角半径设置为0。

CSS3 border-radius属性 - http://www.manongjc.com/article/1202.html

#box

{

width:200px;

height:100px;

border-radius:100px 100px 0 0;

background-color:red;

}

效果如下：

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

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

语法：border-radius: 1-4 length|% / 1-4 length|%;

注释：按此顺序设置每个 radii 的四个值。如果省略 bottom-left，则与 top-right 相同。如果省略 bottom-right，则与 top-left 相同。如果省略 top-right，则与 top-left 相同。

属性值：length 定义圆角的形状。

% 以百分比定义圆角的形状。