推荐两款在laravel中用的markdown格式css样式

下面给大家推荐两款非常漂亮的markdown格式css样式，希望对大家有所帮助！

发送markdown格式邮件时推荐的两款非常漂亮的markdown格式css样式：

注意

如果你用了laravel 框架 你需要在resources/views/vendor/mail/html/themes声明文件.css例如repayment.css

第一款非常漂亮灰色高亮格式table{width:100%;/*表格宽度*/max-width:65em;/*表格最大宽度，避免表格过宽*/border:1pxsolid#dedede;/*表格外边框设置*/margin:15pxauto;/*外边距*/border-collapse:collapse;/*使用单一线条的边框*/empty-cells:show;/*单元格无内容依旧绘制边框*/}tableth,tabletd{height:35px;/*统一每一行的默认高度*/border:1pxsolid#dedede;/*内部边框样式*/padding:010px;/*内边距*/}tableth{font-weight:bold;/*加粗*/text-align:center!important;/*内容居中，加上!important避免被Markdown样式覆盖*/background:rgba(158,188,226,0.2);/*背景色*/}tabletbodytr:nth-child(2n){background:rgba(158,188,226,0.12);}tabletr:hover{background:#efefef;}tableth{white-space:nowrap;/*表头内容强制在一行显示*/}tabletd{white-space:nowrap;}

第二款蓝色商务格式body{font-family:"MicrosoftYahei",Helvetica,arial,sans-serif;font-size:14px;line-height:1.6;padding-top:10px;padding-bottom:10px;background-color:white;padding:30px;color:#516272;}body>*:first-child{margin-top:0!important;}body>*:last-child{margin-bottom:0!important;}a{color:#4183C4;}a.absent{color:#cc0000;}a.anchor{display:block;padding-left:30px;margin-left:-30px;cursor:pointer;position:absolute;top:0;left:0;bottom:0;}h1,h2,h3,h4,h5,h6{margin:20px010px;padding:0;font-weight:bold;-webkit-font-smoothing:antialiased;cursor:text;position:relative;}h1:hovera.anchor,h2:hovera.anchor,h3:hovera.anchor,h4:hovera.anchor,h5:hovera.anchor,h6:hovera.anchor{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA09pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoMTMuMCAyMDEyMDMwNS5tLjQxNSAyMDEyLzAzLzA1OjIxOjAwOjAwKSAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUM2NjlDQjI4ODBGMTFFMTg1ODlEODNERDJBRjUwQTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUM2NjlDQjM4ODBGMTFFMTg1ODlEODNERDJBRjUwQTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QzY2OUNCMDg4MEYxMUUxODU4OUQ4M0REMkFGNTBBNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QzY2OUNCMTg4MEYxMUUxODU4OUQ4M0REMkFGNTBBNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsQhXeAAAABfSURBVHjaYvz//z8DJYCRUgMYQAbAMBQIAvEqkBQWXI6sHqwHiwG70TTBxGaiWwjCTGgOUgJiF1J8wMRAIUA34B4Q76HUBelAfJYSA0CuMIEaRP8wGIkGMA54bgQIMACAmkXJi0hKJQAAAABJRU5ErkJggg==)no-repeat10pxcenter;text-decoration:none;}h1tt,h1code{font-size:inherit;}h2tt,h2code{font-size:inherit;}h3tt,h3code{font-size:inherit;}h4tt,h4code{font-size:inherit;}h5tt,h5code{font-size:inherit;}h6tt,h6code{font-size:inherit;}h1{font-size:28px;color:#2B3F52;}h2{font-size:24px;border-bottom:1pxsolid#DDE4E9;color:#2B3F52;}h3{font-size:18px;color:#2B3F52;}h4{font-size:16px;color:#2B3F52;}h5{font-size:14px;color:#2B3F52;}h6{color:#2B3F52;font-size:14px;}p,blockquote,ul,ol,dl,li,table,pre{margin:15px0;color:#516272;}hr{background:transparenturl(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENDRjNBN0E2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENDRjNBN0I2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0NGM0E3ODY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0NGM0E3OTY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqezsUAAAAfSURBVHjaYmRABcYwBiM2QSA4y4hNEKYDQxAEAAIMAHNGAzhkPOlYAAAAAElFTkSuQmCC)repeat-x00;border:0none;color:#cccccc;height:4px;padding:0;}body>h2:first-child{margin-top:0;padding-top:0;}body>h1:first-child{margin-top:0;padding-top:0;}body>h1:first-child+h2{margin-top:0;padding-top:0;}body>h3:first-child,body>h4:first-child,body>h5:first-child,body>h6:first-child{margin-top:0;padding-top:0;}a:first-childh1,a:first-childh2,a:first-childh3,a:first-childh4,a:first-childh5,a:first-childh6{margin-top:0;padding-top:0;}h1p,h2p,h3p,h4p,h5p,h6p{margin-top:0;}lip.first{display:inline-block;}li{margin:0;}ul,ol{padding-left:30px;}ul:first-child,ol:first-child{margin-top:0;}dl{padding:0;}dldt{font-size:14px;font-weight:bold;font-style:italic;padding:0;margin:15px05px;}dldt:first-child{padding:0;}dldt>:first-child{margin-top:0;}dldt>:last-child{margin-bottom:0;}dldd{margin:0015px;padding:015px;}dldd>:first-child{margin-top:0;}dldd>:last-child{margin-bottom:0;}blockquote{border-left:4pxsolid#ECF0F3;/*padding:015px;*/padding:15px;background-color:#F7F9FA;color:#2B3F52;}blockquote>:first-child{margin-top:0;}blockquote>:last-child{margin-bottom:0;}table{padding:0;border-collapse:collapse;}tabletr{border-top:1pxsolid#cccccc;background-color:white;margin:0;padding:0;}tabletr:nth-child(2n){background-color:#f8f8f8;}tabletrth{font-weight:bold;border:1pxsolid#cccccc;margin:0;padding:6px13px;}tabletrtd{border:1pxsolid#cccccc;margin:0;padding:6px13px;}tabletrth:first-child,tabletrtd:first-child{margin-top:0;}tabletrth:last-child,tabletrtd:last-child{margin-bottom:0;}img{max-width:100%;}span.frame{display:block;overflow:hidden;}span.frame>span{border:1pxsolid#dddddd;display:block;float:left;overflow:hidden;margin:13px00;padding:7px;width:auto;}span.framespanimg{display:block;float:left;}span.framespanspan{clear:both;color:#333333;display:block;padding:5px00;}span.align-center{display:block;overflow:hidden;clear:both;}span.align-center>span{display:block;overflow:hidden;margin:13pxauto0;text-align:center;}span.align-centerspanimg{margin:0auto;text-align:center;}span.align-right{display:block;overflow:hidden;clear:both;}span.align-right>span{display:block;overflow:hidden;margin:13px00;text-align:right;}span.align-rightspanimg{margin:0;text-align:right;}span.float-left{display:block;margin-right:13px;overflow:hidden;float:left;}span.float-leftspan{margin:13px00;}span.float-right{display:block;margin-left:13px;overflow:hidden;float:right;}span.float-right>span{display:block;overflow:hidden;margin:13pxauto0;text-align:right;}code,tt{margin:02px;padding:05px;white-space:nowrap;border:1pxsolid#eaeaea;background-color:#f8f8f8;border-radius:3px;}precode{margin:0;padding:0;white-space:pre;border:none;background:transparent;}.highlightpre{background-color:#f8f8f8;border:1pxsolid#cccccc;font-size:13px;line-height:19px;overflow:auto;padding:6px10px;border-radius:3px;}pre{background-color:#f8f8f8;border:1pxsolid#cccccc;font-size:13px;line-height:19px;overflow:auto;padding:6px10px;border-radius:3px;}precode,prett{background-color:transparent;border:none;}sup{font-size:0.83em;vertical-align:super;line-height:0;}code{white-space:pre-wrap;word-break:break-all;display:block;}*{-webkit-print-color-adjust:exact;}@mediascreenand(min-width:914px){body{width:960px;margin:0auto;}}@mediaprint{table,pre{page-break-inside:avoid;}pre{word-wrap:break-word;}}