【图片排列】关于外观Dashboard中图片排列如何能并排且做出圆角矩形的效果?


遇到的问题

最近学习obsidian时看到了很好看的外观范例,很喜欢几张图片设置为圆角矩形并排放置多张图片的效果,但是自己试了试发现做不到那么好看的效果,请问大家有什么办法实现么?或者有没有相关的示例库可以下载借鉴?

预期的效果


已尝试的解决方案

用了multi-column插件每一列放了一张图片,但是不是圆角矩形,而且每张图片的间距很大,整体效果并不能做到整行都填满,总之不太好看

把除了link-favicon插件的图片都圆角化:

img:not([class="link-favicon"]), video{
  /* border-style: solid;   */
  /* border-width: 5px; */
  border-radius: 8px;
  color: #404040;
}
1 个赞

谢谢您的代码,我这两天又研究了一下,目前采取的方案仍旧是multi column插件结合上您写的css文件,已经实现了一部分我想要的效果,就是不能像图一那样给整个行添加一个自定义颜色的框。真的很感谢您的帮助~

以下是我目前可以实现的效果

开启multi-column插件阴影框


关闭阴影

1 个赞