漂亮的圆角文本框 CSS3实现

2024-04-27 23:30•css•阅读 2853

进入人人小站发现了个挺好看的文本框，圆角的，原来是利用了CSS3的效果，不过暂时只有IE9 和FF浏览器支持。

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title></title>

<style>

.input-text

{

border: 1px solid #C3CED9;

border-radius: 5px 5px 5px 5px;

font-size: 14px;

height: 31px;

line-height: 31px;

margin-right: 10px;

padding: 0;

width: 327px;

}

</style>

</head>

<body>

<input type="text" />

</body>

</html>