如何在鏈接和文本週圍形成邊框？

-1

我在編碼相當新的，需要一些幫助。目前我正在嘗試圍繞我的文字和照片形成邊框。但不知怎的，我做不到。它應該大致看起來像這樣http://imgur.com/a/fkUba。在頂部的部分照片和底部的文字。如何在鏈接和文本週圍形成邊框？

而且我的代碼看起來像這樣

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Hello World</title> 
<style> 
img { 
    border: 5px solid black; 
} 
</style> 
    </head> 
    <body> 
<img src="https://pbs.twimg.com/profile_images/770467680012890112/kSz1jtnn.jpg" alt="Coca Cola" 
<a href="coca-cola.com">Coca Cola</a> 
    </body> 
</html>

這個樣子，我只能把周圍的邊框標識。

我知道如何將文本，鏈接（<p> <a href>），但我不知道如何，但圍繞這些適當的邊界。這就像'這是我的作業'，但我真的需要幫助！

來源

2017-01-30 Taniuchi

這是一個方便的出發點，應該幫助你回答這個問題（而且很可能會迅速跟隨它作爲你學習其他人）：https://developer.mozilla.org/EN-US /文檔/學習/ CSS/Introduction_to_CSS/How_CSS_works –

-1

就像你用這種風格有邊框的圖像：

img { 
    border: 5px solid black; 
}

你可以有邊框像類似的風格像周圍幾乎所有的元素：

p { 
    border: 5px solid black; 
} 

a { 
    border: 5px solid black; 
}

來源

2017-01-30 17:21:08

真的嗎？我只需要玩他們的高度和寬度來獲得像這個例子中的邊界？ – Taniuchi

您詢問了我們用邊框回覆的邊框。和YES，你可以玩p標籤和標籤的高度和寬度。 –

啊好的，謝謝！我不認爲只玩就足夠了。 – Taniuchi

-1

您可以將邊框也圍繞和p標籤。

剛分配CSS屬性的邊界爲新的標籤。

 

     p{ 
     border:1px solid black; 
     } 

     a{ 
     border:1px solid black; 
     }

如果需要使用「高度」和「寬度」的邊界由「A」和「P」所佔用的空間不同，只是爲它們分配一個「寬度」和「高度」。（對於「一」的標籤，還必須提供「顯示：塊」屬性），否則您將無法看到效果

來源

2017-01-30 17:26:12

我會建議做一個類來存儲你的邊界以減少代碼。

.borders { 
    border: 1px solid black; 
}

然後分配類的一切，你想有一個邊界：

<img class="borders" src="https://pbs.twimg.com/profile_images/7704676800128901/kSz1jtnn.jpg"

至於您可以在文本一些填充添加到頂部和底部增加了白色空間：

h2 { 
    padding-top: 10px; 
    padding-bottom: 10px; 
    padding-left: 10px; 
    padding-right: 10px; 
}

來源

2017-01-30 17:35:59

我認爲你需要設置邊框爲您的標誌是這樣的：

在這樣的CSS代碼打字。

img{ 
    border: 1px solid black; 
    }

好運

來源

2017-01-30 19:56:23

如何在鏈接和文本週圍形成邊框？

回答

相關問題