如何创建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

回答

相关问题