Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > 文本输入框的两种div+css的写法_html/css_WEB-ITnose

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

WBOY
Freigeben： 2016-06-24 11:15:37
Original
1375 Leute haben es durchsucht

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

 

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

 

 

 

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

 

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

 

Verwandte Etiketten：
文本输入框的两种div+css的写法
Quelle：php.cn
Vorheriger Artikel：带箭头提示框总结实例_html/css_WEB-ITnose Nächster Artikel：css浮动与绝对定位的关系_html/css_WEB-ITnose
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Ohne das gesamte Dateistammverzeichnis kann ich das Image nicht zum Laufen bringen hoffe das hilft. Ich habe schon viele Seiten für eine Website geschrieben (nur für meine e...
Aus 2024-04-03 23:27:05
0
1
396
Wie kann ich dafür sorgen, dass das Bild in der Mitte der Kopfzeile erscheint? Zunächst einmal basiert mein Code auf 3 Dateien, einem HTML, einem CSS und einem JS. Es so...
Aus 2024-04-01 23:49:58
0
1
372
Erstellen Sie skalierbare Wegweiser mit HTML, CSS und SVG Ich möchte einen Button in Form eines Wegweisers (ein Rechteck mit einer Spitze) erstellen...
Aus 2024-03-31 14:45:14
0
1
294
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage