input文字框圓角效果程式碼例項

admin發表於2017-02-19
本章節分享一段程式碼例項，它實現了將input文字框設定為圓角的功能。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<style type="text/css">
input{
  border-radius:6px; 
  border:1px solid #ccc;
  height:20px;
}
</style>
</head>
<body>
<input type="text" value="螞蟻部落"/>
</body>
</html>

相關文章