masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > 文本输入框的两种div+css的写法_html/css_WEB-ITnose

文本输入框的两种div+css的写法_html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-24 11:15:37
asal
1376 orang telah melayarinya

1、扁平化的设计风格。--淘宝

 

直接使用input。对其设置height。padding。使鼠标居中又不会占满输入框。

 

 

 

2、背景是图片的设计。--百度

 

试用span将input包裹起来。span设置背景。input设置margin。使用-webkit-appearance:none去除系统的默认样式（主要是在iphone上）。

 

Label berkaitan：
文本输入框的两种div+css的写法
sumber：php.cn
Artikel sebelumnya：带箭头提示框总结实例_html/css_WEB-ITnose Artikel seterusnya：css浮动与绝对定位的关系_html/css_WEB-ITnose
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Saya tidak boleh mendapatkan imej untuk berfungsi tanpa keseluruhan akar fail harap ini membantu. Saya telah menulis banyak halaman untuk tapak web sebelum ini (disimul...
daripada 2024-04-03 23:27:05
0
1
396
Bagaimanakah saya boleh membuat imej muncul di tengah-tengah pengepala? Pertama sekali, kod saya adalah berdasarkan 3 fail, HTML, CSS dan JS Perlu diingatkan baha...
daripada 2024-04-01 23:49:58
0
1
372
Buat papan tanda berskala menggunakan HTML, CSS dan SVG Saya ingin membuat butang dalam bentuk papan tanda (segi empat tepat dengan hujung). _____...
daripada 2024-03-31 14:45:14
0
1
294
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan