communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > tutoriel HTML > 如何给超链接设置宽度和高度_html/css_WEB-ITnose

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

WBOY

Libérer： 2016-06-24 11:57:23

original

1696 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

Qu'est-ce qu'une NullPointerException et comment y remédier ?

2024-10-22 09:46:29
De novice à codeur : votre voyage commence par les principes fondamentaux du C

2024-10-13 13:53:41
Débloquer le développement Web avec PHP : guide du débutant

2024-10-12 12:15:51
Démystifier C : un chemin clair et simple pour les nouveaux programmeurs

2024-10-11 22:47:31
Libérez votre potentiel de codage : programmation C pour les débutants absolus

2024-10-11 19:36:51
Libérez votre programmeur intérieur : C pour les débutants absolus

2024-10-11 15:50:41
Automatisez votre vie avec C : scripts et outils pour les débutants

2024-10-11 15:07:41
PHP Made Easy : vos premiers pas dans le développement Web

2024-10-11 14:21:21
Construisez n'importe quoi avec Python : un guide du débutant pour libérer votre créativité

2024-10-11 12:59:11
La clé du codage : libérer la puissance de Python pour les débutants

2024-10-11 12:17:31

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