AI摘要:这篇文章介绍了如何使用Memos自定义代码来美化代码。文章提供了一些自定义样式的代码,包括美化标签、调整字体大小和宽度等。此外,还介绍了如何调用背景图片,并给出了相应的代码。通过使用这些自定义代码,可以使代码更加美观和易读。

Powered by AI.

美化代码 来自于@木木老师

自定义样式

美化标签

.status-text{font-size:10px !important;border:none;color:rgb(156,163,175) !important;}
.tag-span,.dark .tag-span{border: 1px solid;border-radius:6px;padding:0px 6px;color:rgb(22,163,74) !important;font-size:12px !important;-webkit-transform: scale(calc(10 / 12));transform-origin: left center;}
.memo-content-text .link{color:rgb(22,163,74) !important;margin-right:-6px;}
header .bg-blue-600{display:none !important;}
.text-lg {font-size: 1rem !important;}
.header-wrapper,.sidebar-wrapper{width: 11rem !important;}
.filter-query-container{padding-bottom:0.5rem;}

自定义代码

调用背景

html{background-image:url('https://bing.immmmm.com/img/bing?region=zh-CN&type=image');width:100%;height:100vh;background-position:center;background-size:cover;background-attachment:fixed;}
.w-full.bg-zinc-100,.bg-white,.hover\:bg-white:hover,.dark .dark\:bg-zinc-700,.dark .dark\:hover\:bg-zinc-700:hover,.memo-wrapper,.bg-gray-200,.dark .memo-wrapper,.memo-editor-container{--tw-bg-opacity:0.66 !important;}
.dark header.dark\:bg-zinc-800,aside.dark\:bg-zinc-800,.bg-gray-100,.dark html,.dark body{--tw-bg-opacity:0 !important;}
.memo-editor-container>.memo-editor{background-color: transparent !important;}
[AD]【腾讯云】年度爆款2核2G4M云服务器118元/年,新老用户同享
最后修改:2023 年 11 月 19 日
如果觉得我的文章对你有用,请随意赞赏