html - CSS样式双边框

标签 html css border

我正在设计样式,并且有了如何设计我的网站的想法,但我不知道该怎么做,尝试了很多搜索,但没有找到任何有用的东西,所以我希望你们能帮助我一点.

我的想法是,我使用了border: 10px双青色,但是中间有一个空间继承了背景颜色。那么有没有办法设置中间的颜色呢?

最佳答案

您可以使用如下背景来实现:

.box {
  height: 300px;
  border: 20px double cyan;
  background:
   linear-gradient(red 0 0) padding-box, /* main background */
   blue; /* color between double border */
}
<div class="box"></div>

关于html - CSS样式双边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/74130846/

相关文章:

html - 有些@media 查询有效,有些则无效

jquery - bootstrap select 1.13.1 即使使用 bootstrap 4 似乎也不起作用

jquery - 全日历着色特定单元格

javascript - Bootstrap 下拉菜单冲突 jQuery 1.11.3

jquery - LayerSlider 在切换到第二张幻灯片时变得模糊/ SCSS

c# - 如何制作信息图片

html - 如何使用 CSS 制作半透明边框?

jquery - 更改焦点上的 CSS 属性

javascript - 对具有相同 id 的多个元素单击时触发 js 函数

javascript - 微信分享按钮