如何創建CSS

-1

此邊框我希望把這個邊界在我的html代碼：如何創建CSS

我想，你可以在圖片中看到，所以我用我的CSS代碼的邊界：

border: 1px outset #999999; 
border-top:none; 
border-left: none;

Bt的結果是不一樣的。任何人都可以幫助重現同樣的效果

來源

2017-06-20 Foppy

嘗試使用box-shadow

的box-shadow：[水平偏移] [垂直偏移] [模糊半徑] [可選傳播半徑] [顏色]

事情是這樣的：

div { 
 
    width: 300px; 
 
    height: 100px; 
 
    background: white; 
 
    box-shadow: 2px 2px 2px rgba(0,0,0,0.25); 
 
}

<div></div>

來源

2017-06-20 13:40:05

你只需要添加border-right

.border { 
 
    border-bottom: 2px solid #999999; 
 
    border-right: 2px solid #999999; 
 
    height: 200px; 
 
}

<div class="border"> 
 
    
 
</div>

來源

2017-06-20 13:40:14 RasmusGlenvig

使用框陰影。例如：

box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.18);

來源

2017-06-20 13:40:25

這將需要你有一個陰影，而不是一個邊框。

box-shadow: 0 0 10px -4px #000000;

試着用這個，它設置div背後的陰影。 https://jsfiddle.net/eqm4qbLr/

來源

2017-06-20 13:41:51 Nalakira

你應該，而不是一個影子，除非這就是你想要什麼，用border-right和border-bottom與rgba(red, green, blue, alpha)來設置它的顏色和透明度。如果你不想要透明的邊框，你仍然可以使用十六進制代碼。

.border { 
 
    border-bottom: 2px solid rgba(0, 0, 0, 0.2); 
 
    border-right: 2px solid rgba(0, 0, 0, 0.2); 
 
    height: 200px; 
 
} 
 
    
 
p { 
 
    padding-top: 60px; 
 
    padding-left: 100px; 
 
}

<div class=border> 
 
    <p>Sample text</p> 
 
</div>

來源

2017-06-20 14:02:49 PointR

回答

相關問題