Il existe de nombreuses façons d'écrire une boîte de recherche. La zone de recherche est un travail relativement détaillé, et vous devez d'abord calculer sa hauteur et sa largeur;
Permettez-moi de prendre la boîte de recherche JD comme un exemple pour vous donner une brève analyse.
Ce qui précède est le rendu final de la boîte de recherche.
Envoyez d'abord le code >>>>>>>
<span style = "Color: RGB (255, 0, 255); Font-Size: 18pt;"> <strong> html tag: </strong> </span> <div> <form> <entrée type = "text" name = "search" placeholder = "Search Practice"> <button> Search </utton> - ------- comme JD.com, d'autres sites Web, tels que Baidu: sont par "Nom =". </ form> </div> CSS Style: .Center_child1 {largeur: 538px; hauteur: 36px; Overflow: Hidden; Border: 2px solide # bd1d17;}. Centre_child1 entrée {largeur: 456px; hauteur: 24px; flottant: à gauche; rembourrage: 6px 2px; ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ------ Que la couleur d'arrière-plan de l'étiquette d'entrée soit transparente. Border: aucun; ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- bouton {largeur: 76px; hauteur: 36px; float: à droite; fond: # bd1d17; bordure: aucune; couleur: #fff; police-taille: 15px;}Résumé: Une zone de recherche a trois pièces principales, l'une est la partie de la zone d'entrée (la gauche), l'autre est la partie du bouton de recherche (la droite), et l'une est les deux grandes divs les contenant;
1. Définissez d'abord la largeur, la hauteur et la couleur de la bordure de la grande div. Cela doit être calculé à l'avance sur la base des besoins personnels.
2. Flotter le côté gauche de l'entrée (partie de la zone d'entrée) respectivement; Flottez le côté droit du bouton (partie du bouton), n'oubliez pas d'utiliser le débordement: caché; attribut pour les grandes divs;
3. Réglez la hauteur et la largeur de l'entrée. N'oubliez pas d'utiliser le rembourrage pour soutenir sa valeur de hauteur, afin qu'il ne colle pas à la frontière lors de l'entrée dans la police, augmentant la beauté; Si la valeur de largeur est légèrement ajoutée à gauche, pour la beauté.
Ce qui précède est le moyen d'écrire la zone de recherche de recherche qui vous est présentée par l'éditeur. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!