我有一個網站模板我正在對http://www.travenwest.com/projects/dev2和我有一個擴展框在左邊的問題(這些是我的多個問題之一,至少) 。我希望他們成爲其他網頁的鏈接,我想知道是否有一種方法可以將整個盒子從250px擴展到100%。目前,我只是在基本鏈接<a href="http://google.com>Hey</a>
中設置了「嘿」,但正如我所說的,我希望整個盒子在鏈接展開時成爲鏈接。此外,我寧願保持它在HTML/CSS,因爲我絕對沒有經驗的jQuery,JavaScript等。 謝謝。如何使一個鏈接,因爲它在CSS中轉換
1
A
回答
2
只需在CSS添加此
#box a{
display:block;
width:100%;
height:80px;
position:relative;
z-index:1;
line-height: 80px
}
1
給你的錨標籤以下樣式:
a {
width: 100%;
height: 100%;
display: block;
}
而且,你不應該使用<center>
標籤來定位您的文字鏈接。 你應該給你的箱子匹配的class
如.box
這種方法你可以瞄準他們都在你的CSS文件,而不必重複相同的CSS多ID
的
.box {
width: 250px;
height: 80px;
border-bottom: 3px solid #000000;
border-right: 3px solid #000000;
transition: width 5s;
-webkit-transition: width 2s;
text-align: center;
}
.box:hover {
width: 100%;
border: 3px solid #000000;
}
添加text-align: center;
將圍繞你的鏈接不需要額外標記的文本
+0
謝謝,我甚至沒有想到這一點。我對HTML和CSS比較陌生(現在一週左右),所以我感覺自己像個傻瓜,因爲我意識到我可以做的不同事情,哈哈。 – 2013-04-28 21:56:21
相關問題
- 1. 如何將其中一個鏈接轉換爲下拉菜單?
- 2. 將兩個鏈接轉換爲一個在HTML中
- 3. CSS轉換:如何產生這種效果(鏈接轉換)
- 4. 如何將在線字體鏈接轉換爲本地鏈接?
- 5. 如何將整個表格單元格轉換爲HTML/CSS中的鏈接?
- 6. 將鏈接轉換爲另一個鏈接 - javascript
- 7. 把一個div轉換成一個鏈接使得鏈接不止一個div
- 8. 如何將file_field_tag轉換爲鏈接?
- 9. 如何將單詞轉換爲鏈接?
- 10. 無法點擊鏈接,因爲一個盒子覆蓋它們
- 11. 如何在Java中創建一個將URL轉換爲超鏈接的JTable
- 12. 如何轉換html鏈接?
- 13. 將一個數組元素轉換爲一個鏈接,它在表單中就像一個「POST」方法。
- 14. 如何將markdown()中的鏈接轉換爲使用Google S2 Converter的favicon鏈接?
- 15. 轉換一個數字文本,因爲它是
- 16. 如何使用wget - 轉換鏈接
- 17. 如何轉換HTTP鏈接使用vim
- 18. 將HTML鏈接轉換爲PHP鏈接?
- 19. 將鏈接轉換爲鏈接
- 20. 轉換少CSS出錯,因爲變量
- 21. 如何將Notes文檔鏈接轉換爲HTML鏈接
- 22. 如何將cid鏈接轉換爲http鏈接?
- 23. 如何在PHP中自動將URL轉換爲超鏈接?
- 24. 將div轉換爲鏈接
- 25. 如何這個CSS轉換爲少
- 26. 我如何保持鏈接,因爲它像以前的評論?
- 27. 如何使一個鏈接
- 28. 轉換鏈接到另一個域
- 29. DataStoreIO.Write鏈接另一個轉換
- 30. HTML文本轉換成一個鏈接
僅供參考,中心標記在HTML5中不受支持。使用CSS代替:「text-align:center」 – 2013-04-28 21:50:30
謝謝,得到了修復。 – 2013-04-28 21:58:55