溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹css中input大小的設置方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
css的基本語法是：1、css規則由選擇器和一條或多條聲明兩個部分構成；2、選擇器通常是需要改變樣式的HTML元素；3、每條聲明由一個屬性和一個值組成；4、屬性和屬性值被冒號分隔開。
在css中，可以使用width和height屬性來設置input元素的大小，只需要給input元素添加“width:寬度值;height:高度值;”樣式即可。input屬于行內替換元素，效果等于塊元素，所以可設置width和height值。
本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
在css中，可以使用width和height屬性來設置input元素的大小。
代碼示例：
<form action="form_action.asp" method="get"> 用戶名: <input type="text" name="name" style="width: 100px;height: 30px;"/><br /><br /> 密碼: <input type="password" name="password" /> <br /><br /> <input type="submit" value="Submit" /> </form>
效果圖：
說明：
<input> 標簽用于搜集用戶信息。屬于行內替換元素。height/width/padding/margin均可用。效果等于塊元素。
而，行內非替換元素，height/width/padding top、bottom/margin top、bottom均無效果。只能用padding left、right和margin left、right改變寬度。
width 屬性設置元素的寬度，height 屬性設置元素的高度。
width 屬性和height 屬性定義元素內容區的寬度和高度，不包括填充，邊框，或頁邊距；在內容區外面可以增加內邊距、邊框和外邊距。
以上是“css中input大小的設置方法”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
