简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

怎麼調超連結的位置html

coldplay.xixi
發布： 2023-01-03 09:27:43
原創
9061 人瀏覽過

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;

#程式碼如下：

<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>
登入後複製

怎麼調超連結的位置html

相關學習推薦：html影片教學

以上是怎麼調超連結的位置html的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
html 超連結
來源：php.cn
上一篇：Html怎麼實現table資料自動滾動 下一篇：如何用html為圖片加邊框
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
我應該在 apache 中哪裡放置 CustomLog 指令 我正在使用php:7.2-apachedocker。我需要禁用運行狀況檢查url登入訪問日誌。基於此鏈接，他們提到了有關修改Customlog指令的資訊。我不是關於需要更改Cust...
來自於 2024-04-06 22:03:59
0
1
990
頁面突然無法拉動 css 或 bootstrap 所以我正在開發一個頁面，我昨天做了一部分，效果很好，今天我繼續做剩下的部分，一切都很好。當我嘗試將其作為普通html頁面打開時，CSS或BOOTSTRAP不起作用，僅顯示頁面文本，...
來自於 2024-04-06 21:58:04
0
1
800
在行動視圖中，當使用者點擊連結時，如何關閉此導覽列？ 當使用者點擊連結瀏覽網站時，導覽列沒有關閉？我曾嘗試向每個連結新增點擊事件偵聽器以關閉導覽欄，但它不起作用！此外，處於活動位置（即X）的hamberberger選單圖示也沒有很好地...
來自於 2024-04-06 19:23:03
0
1
411
CSS 樣式未套用於網站 我正在使用Bootstrap5製作網站，但index.css屬性未應用於index.html。當我將滑鼠懸停在服務卡上時，背景應該會發生變化，從而產生過渡效果。應該是從這個到這個。...
來自於 2024-04-06 17:12:23
0
1
336
我想讓我的非同步呼叫更易讀 我目前透過呼叫非同步函數並將其與.then()連結來處理我的承諾。但我希望有一種更容易閱讀的方法。我目前的可行方法是：constapiCall=async()=>{const...
來自於 2024-04-05 15:34:44
0
1
3689
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！