masyarakat
Belajar
Perpustakaan Alatan
Alat AI
Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > 怎么调超链接的位置html

怎么调超链接的位置html

coldplay.xixi
Lepaskan： 2023-01-03 09:27:43
asal
9229 orang telah melayarinya

html调超链接位置的方法：首先给F1，F2，F3，F4的父元素一个宽；然后给F1，F2，F3，F4一个【display:block;】样式，再给他的父元素一个定位；最后调整【shuleft，top;】。

怎么调超链接的位置html

本教程操作环境：windows7系统、html5版，DELL G3电脑。

html调超链接位置的方法：

给F1,F2,F3,F4的父元素一个宽，宽就是一个F1的宽度，然后给F1,F2,F3,F4一个display:block;样式，再给他的父元素一个定位position:relative;，然后调shuleft，top;

代码如下：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

<style>

.a_wrap{/*a 的父元素*/

background: #000;/*背景颜色*/

width: 20px;

position:relative;/*定位*/

top:200px;/*上下*/

left:500px;/*左右*/

}

.a_wrap a{/*a*/

width: 10px;

display:block;/*让a成为块元素，每个都会独占一行*/

color:#fff;

}

</style>

<body>

<div class="a_wrap">

<a href="">F1</a>

<a href="">F2</a>

<a href="">F3</a>

<a href="">F4</a>

</div>

</body>

Salin selepas log masuk

3051ae94d9b762670c095d9ca046d93.png

相关学习推荐：html视频教程

Atas ialah kandungan terperinci 怎么调超链接的位置html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
html hiperpautan
Artikel sebelumnya：Html怎么实现table数据自动滚动 Artikel seterusnya：如何用html给图片加边框
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
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