Rumah > Artikel > hujung hadapan web > Bagaimana untuk mengubah suai panjang kotak input dalam css
Bagaimana untuk mengubah suai panjang kotak input dalam css
- 青灯夜游asal
- 2021-11-10 17:28:0010658semak imbas
Cara mengubah suai panjang kotak input dalam css: 1. Gunakan atribut gaya dalam teg input untuk menetapkan gaya lebar, dengan sintaks ""; 2. Dalam gaya Untuk menjajarkan label, tetapkan pernyataan "input{width: width value;}".
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Cara mengubah suai panjang kotak input dengan css
Kaedah 1:
Gunakan atribut gaya untuk Tambah gaya lebar pada teg input.
<input type="text" /><br /><br /> <input type="text" style="width: 300px" />
Kaedah 2:
<!DOCTYPE html>
<html>
<head>
<style>
.input {width: 100px;}
</style>
</head>
<body>
<input type="text" /><br /><br />
<input type="text" class="input" />
</body>
</html>
(Belajar perkongsian video: tutorial video css)
Atas ialah kandungan terperinci Bagaimana untuk mengubah suai panjang kotak input dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!