masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > teks badan

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

WBOY
Lepaskan： 2016-06-24 11:57:23
asal
1668 orang telah melayarinya

1、利用display：block属性

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

效果：

2、float：left属性

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

效果：

3、对a设置padding

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

效果：


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

Label berkaitan：
lebar 设置 超链接 tinggi
sumber：php.cn
Artikel sebelumnya：Codeforces Round #268 (Div. 2)_html/css_WEB-ITnose Artikel seterusnya：新鲜出炉！9个超高分辨率的iPhone 6原型素材打包下载_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
Gerakkan kandungan ke kiri dengan menambahkan sifat Width Saya telah memberikan margin kepada badan. utama {margin kiri: 200px; jidar kanan: 200px p...
daripada 2024-04-06 22:01:35
0
3
816
Kira jumlah medan dalam jadual lain menggunakan pertanyaan MySQL SQL Saya mempunyai skema seperti ini: Jadual pengguna dengan atribut "user_id" dan &...
daripada 2024-04-06 19:39:29
0
1
441
Masalah mendapatkan statistik tertentu (Statistik) daripada PokeAPI menggunakan Axios dan Node.js Saya mempunyai masalah, saya cuba menggunakan PokemonAPI, tetapi apabila saya cuba mengaks...
daripada 2024-04-06 18:46:35
0
1
464
Elemen anak React tidak sah (ditemui: Objek dengan kunci {clientVersion}). Jika anda ingin membuat koleksi elemen kanak-kanak, gunakan tatasusunan sebaliknya Saya mempunyai borang berbilang langkah dan apabila saya cuba menyerahkan ia menunjukkan r...
daripada 2024-04-06 16:25:39
0
1
346
Bandingkan Imagick, Adobe Photoshop dan Windows - Kesan resolusi (piksel per sentimeter atau piksel per inci) Ini bukan soalan tetapi percubaan untuk meningkatkan pemahaman saya tentang cara DPI disim...
daripada 2024-04-06 16:01:27
0
1
397
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