這篇“mdnice怎么制作獨(dú)立的樣式塊”文章的知識點大部分人都不太理解,所以小編給大家總結(jié)了以下內(nèi)容,內(nèi)容詳細(xì),步驟清晰,具有一定的借鑒價值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“mdnice怎么制作獨(dú)立的樣式塊”文章吧。
10年積累的成都網(wǎng)站設(shè)計、做網(wǎng)站經(jīng)驗,可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你,你也不認(rèn)識我。但先做網(wǎng)站設(shè)計后付款的網(wǎng)站建設(shè)流程,更有惠濟(jì)免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
使用 mdnice 排版時發(fā)現(xiàn)需要獨(dú)立的樣式塊怎么辦?
引用的格式是在符號 >
后面書寫文字,文字的內(nèi)容可以包含鏈接、圖片、粗體和斜體等。
當(dāng)使用多個 >
符號時,就會變成多級引用,因此可以利用多級引用來做樣式塊設(shè)計
一級引用是最常用的,目前所有主題都有默認(rèn)實現(xiàn)
一級引用文本如下:
> ### 一級引用
>
> 讀一本好書,就是在和高尚的人談話。**——歌德**
>
> [Markdown Nice最全功能介紹](https://mp.weixin.qq.com/s/lM808MxUu6tp8zU8SBu3sg)
>
> ![這里寫圖片描述](https://my-wechat.mdnice.com/wechat.jpg)
二級引用文本如下:
>> 掃碼即可進(jìn)入小姐姐個人主頁
>>
>> **免費(fèi)申請認(rèn)識小姐姐**
>>
>>![](https://gitee.com/guanpengchn/picture/raw/master/2020-9-24/1600956162799-image.png =80%x)
>>
>> 也可以直接聯(lián)系我咨詢詳情
二級引用自定義樣式:
#nice .multiquote-2 {
box-shadow: none;
border-left: none;
}
#nice .multiquote-2 blockquote {
padding: 20px 30px;
background-color:rgb(223, 241, 238);
transform: rotateZ(4deg);
border: 1px dashed rgba(0,0,0,0.5);
}
#nice .multiquote-2 blockquote p {
color: rgb(7, 107, 115);
font-size:14px;
text-align: center;
font-weight: bold;
padding: 5px;
}
#nice .multiquote-2 blockquote strong {
color: rgb(255, 79, 121);
}
三級引用與二級引用同理,只要愿意,無限增加 >
可以制造 n 級引用
三級引用文本如下:
>>> ### Ta的秘密
>>>
>>> ![](https://gitee.com/guanpengchn/picture/raw/master/2020-9-24/1600956295010-image.png)
>>>
>>> **興趣愛好**
>>>
>>> 喜歡閱讀、旅行、健身
三級引用自定義樣式:
#nice .multiquote-3 {
border-left: none;
padding: 0;
}
#nice .multiquote-3 blockquote {
border-left: none;
padding: 0;
}
#nice .multiquote-3 blockquote blockquote {
border: 1px dashed rgba(0,0,0,0.5);
padding: 0 20px;
}
#nice .multiquote-3 blockquote blockquote h4 {
background: pink;
color:white;
}
#nice .multiquote-3 blockquote blockquote strong {
color: rgb(255, 79, 121)
}
效果如下:
Ta 的秘密
興趣愛好
喜歡閱讀、旅行、健身
以上就是關(guān)于“mdnice怎么制作獨(dú)立的樣式塊”這篇文章的內(nèi)容,相信大家都有了一定的了解,希望小編分享的內(nèi)容對大家有幫助,若想了解更多相關(guān)的知識內(nèi)容,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。