是否可以鍵入CSS邊框

我正在製作網站，並且遇到問題。在我的CSS代碼中，我有一個社交圖標剩下的邊框。它在我的社交內容旁邊製作了一個50像素的框。是否可以鍵入CSS邊框

我可以輸入到50px的邊框嗎？我想使用的字體中有圖標的外部字體和邊界框中使用它們

CSS：

google { 
border-left: 50px solid #db4a39; 
color: #db4a39; 
-webkit-transition: all 0.5s ease; 
-moz-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; 
-ms-transition: all 0.5s ease; 
transition: all 0.5s ease; 

}

，如果我不能鍵入邊框可以有人提出了另一種選擇我？

來源

2013-04-03 Exhausted

你可以嘗試使用邊框圖像。 – elclanrs

我從來沒有想到，謝謝elclanrs – Exhausted

創建50像素寬<div>到當前的左邊，而不是邊界，是一個不錯的解決方案：http://jsfiddle.net/KzMKB/

編輯：我額外<div>的動機是，這種東西屬於一個孩子的元素，而不是在我的角度來看鞋的邊角。它在語義上是合乎邏輯的，並且可以很容易地將任何類型的內容放入<div>。

來源

2013-04-03 04:55:36 bchociej

真棒解決方案！：D – Exhausted

正確答案;） – Christoph

您可以使用text-indent屬性將文本移動到邊框中。

#border-box { 
    text-indent:-10px; 
}

來源

2013-04-03 04:50:13 middleinitial

如果您無法控制標記，可以在僞元素之前使用。

從原始元素中刪除border並將margin-left設置爲50px;

google { 
    margin-left:50px; 
    color: #db4a39; 
    -webkit-transition: all 0.5s ease; 
    -moz-transition: all 0.5s ease; 
    -o-transition: all 0.5s ease; 
    -ms-transition: all 0.5s ease; 
    transition: all 0.5s ease; 
} 
google:before { 
    content: "hello"; 
    margin-left:-50px; 
    background-color: #db4a39; 
    color: black; 
    display: block; 
    width:50px; 
    height:100%; 
}

查看完整的例子：

http://jsfiddle.net/6zX8y/1/

來源

2013-04-03 04:52:11 hazzik

是否可以鍵入CSS邊框

回答

相關問題