communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > le corps du texte

如何给超链接设置宽度和高度_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-24 11:57:23
original
1669 Les gens l'ont consulté

1、利用display：block属性

   1: <!DOCTYPE html>
Copier après la connexion
Copier après la connexion
Copier après la connexion
   2: <html>
Copier après la connexion
Copier après la connexion
Copier après la connexion
   3: <head>
Copier après la connexion
Copier après la connexion
Copier après la connexion
   4: <meta charset="utf-8" />
Copier après la connexion
Copier après la connexion
Copier après la connexion
   5: <title>a设置宽度和高度</title>
Copier après la connexion
Copier après la connexion
Copier après la connexion
   6: <style>
Copier après la connexion
Copier après la connexion
Copier après la connexion
   7: .abc a{
Copier après la connexion
Copier après la connexion
Copier après la connexion
   8:     display:block;
Copier après la connexion
   9:     width:130px;
Copier après la connexion
  10:     height:30px;
Copier après la connexion
  11:     border:1px solid #000
Copier après la connexion
Copier après la connexion
Copier après la connexion
  12: }
Copier après la connexion
Copier après la connexion
Copier après la connexion
  13: </style>
Copier après la connexion
Copier après la connexion
Copier après la connexion
  14: </head>
Copier après la connexion
Copier après la connexion
Copier après la connexion
  15: <body>
Copier après la connexion
Copier après la connexion
Copier après la connexion
  16:     <div class="abc">
Copier après la connexion
Copier après la connexion
Copier après la connexion
  17:         <a href="#">宽度130，高30</a>
Copier après la connexion
  18:     </div>
Copier après la connexion
Copier après la connexion
Copier après la connexion
  19: </body>
Copier après la connexion
Copier après la connexion
Copier après la connexion
  20: </html>
Copier après la connexion
Copier après la connexion
Copier après la connexion

效果：

2、float：left属性

   1: <!DOCTYPE html>
Copier après la connexion
Copier après la connexion
Copier après la connexion
   2: <html>
Copier après la connexion
Copier après la connexion
Copier après la connexion
   3: <head>
Copier après la connexion
Copier après la connexion
Copier après la connexion
   4: <meta charset="utf-8" />
Copier après la connexion
Copier après la connexion
Copier après la connexion
   5: <title>a设置宽度和高度</title>
Copier après la connexion
Copier après la connexion
Copier après la connexion
   6: <style>
Copier après la connexion
Copier après la connexion
Copier après la connexion
   7: .abc a{
Copier après la connexion
Copier après la connexion
Copier après la connexion
   8:     float:left;
Copier après la connexion
   9:     width:150px;
Copier après la connexion
Copier après la connexion
  10:     height:50px;
Copier après la connexion
Copier après la connexion
  11:     border:1px solid #000
Copier après la connexion
Copier après la connexion
Copier après la connexion
  12: }
Copier après la connexion
Copier après la connexion
Copier après la connexion
  13: </style>
Copier après la connexion
Copier après la connexion
Copier après la connexion
  14: </head>
Copier après la connexion
Copier après la connexion
Copier après la connexion
  15: <body>
Copier après la connexion
Copier après la connexion
Copier après la connexion
  16:     <div class="abc">
Copier après la connexion
Copier après la connexion
Copier après la connexion
  17:         <a href="#">宽度150，高50</a>
Copier après la connexion
Copier après la connexion
  18:     </div>
Copier après la connexion
Copier après la connexion
Copier après la connexion
  19: </body>
Copier après la connexion
Copier après la connexion
Copier après la connexion
  20: </html>
Copier après la connexion
Copier après la connexion
Copier après la connexion

效果：

3、对a设置padding

   1: <!DOCTYPE html>
Copier après la connexion
Copier après la connexion
Copier après la connexion
   2: <html>
Copier après la connexion
Copier après la connexion
Copier après la connexion
   3: <head>
Copier après la connexion
Copier après la connexion
Copier après la connexion
   4: <meta charset="utf-8" />
Copier après la connexion
Copier après la connexion
Copier après la connexion
   5: <title>a设置宽度和高度</title>
Copier après la connexion
Copier après la connexion
Copier après la connexion
   6: <style>
Copier après la connexion
Copier après la connexion
Copier après la connexion
   7: .abc a{
Copier après la connexion
Copier après la connexion
Copier après la connexion
   8:     padding:10px 20px;
Copier après la connexion
   9:     width:150px;
Copier après la connexion
Copier après la connexion
  10:     height:50px;
Copier après la connexion
Copier après la connexion
  11:     border:1px solid #000
Copier après la connexion
Copier après la connexion
Copier après la connexion
  12: }
Copier après la connexion
Copier après la connexion
Copier après la connexion
  13: </style>
Copier après la connexion
Copier après la connexion
Copier après la connexion
  14: </head>
Copier après la connexion
Copier après la connexion
Copier après la connexion
  15: <body>
Copier après la connexion
Copier après la connexion
Copier après la connexion
  16:     <div class="abc">
Copier après la connexion
Copier après la connexion
Copier après la connexion
  17:         <a href="#">宽度150，高50</a>
Copier après la connexion
Copier après la connexion
  18:     </div>
Copier après la connexion
Copier après la connexion
Copier après la connexion
  19: </body>
Copier après la connexion
Copier après la connexion
Copier après la connexion
  20: </html>
Copier après la connexion
Copier après la connexion
Copier après la connexion

效果：


来源：http://www.ido321.com/741.html

Étiquettes associées：
largeur 设置 超链接 haut
source：php.cn
Article précédent：Codeforces Round #268 (Div. 2)_html/css_WEB-ITnose Article suivant：新鲜出炉！9个超高分辨率的iPhone 6原型素材打包下载_html/css_WEB-ITnose
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Déplacez le contenu vers la gauche en ajoutant la propriété Largeur J'ai prévu des marges au corps. main {gauche marge : 200px ; marge droite : 200px ; aligne...
Depuis 2024-04-06 22:01:35
0
3
816
Calculer la somme des champs dans une autre table à l'aide d'une requête MySQL SQL J'ai un schéma comme celui-ci : Table utilisateur avec les attributs "user_id" e...
Depuis 2024-04-06 19:39:29
0
1
441
Problème pour obtenir des statistiques spécifiques (Stats) à partir de PokeAPI à l'aide d'Axios et Node.js J'ai un problème, j'essaie d'utiliser PokemonAPI, mais lorsque j'essaie d'accéder aux stat...
Depuis 2024-04-06 18:46:35
0
1
464
Élément enfant React non valide (trouvé : objet avec la clé {clientVersion}). Si vous souhaitez afficher une collection d'éléments enfants, utilisez plutôt un tableau J'ai un formulaire en plusieurs étapes et lorsque j'essaie de le soumettre, cette erreur s...
Depuis 2024-04-06 16:25:39
0
1
346
Comparez Imagick, Adobe Photoshop et Windows - Détecter la résolution (pixels par centimètre ou pixels par pouce) Ce n'est pas une question mais une tentative d'améliorer ma compréhension de la façon dont...
Depuis 2024-04-06 16:01:27
0
1
397
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal