入力テキスト ボックスの角丸効果のコード例:
この章では、入力テキスト ボックスを角丸に設定する機能を実装するコード例を共有します。
コード例は次のとおりです。
<!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>
border-radius 属性は、角丸効果を実現するための CSS3 の章にあります。
元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=18373
詳細については、以下を参照してください: http://www.softwhy.com/divcss/