样式1

效果

代码：

<img alt="每日一诗" src="https://www.quantangshi.cn/api/v1/one.svg" style="max-width:100%; height:60px;display: block; margin: 0 auto;">

请求地址

GET https://www.quantangshi.cn/api/v1/one.svg

---

样式2

效果



代码：

<iframe src="https://www.quantangshi.cn/iframe-api.html" width="100%" height="220" scrolling="no" frameborder="0" allowtransparency="true" style="border: 0px dotted #FF0000"></iframe>

请求地址

GET https://www.quantangshi.cn/iframe-api.html

---

样式3

效果

代码：

<!--每日一言代码--> <style> /* tangshi Page */ .tangshi-fullpage { width: 80%; } .tangshi-fullpage { position: relative; color: #000; z-index: 1; margin-top:10vh; margin-bottom: 20vh; margin-left: auto; margin-right: auto; font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif; } .tangshi-fullpage .bracket { font-size: 30px; } .tangshi-fullpage .bracket.left { position: absolute; left: 0; top: 0; } .tangshi-fullpage .bracket.right { position: absolute; right: 0; bottom: 0; } .tangshi-fullpage .word { font-size: 3.3rem; text-align: center; line-height: 60px; word-break: normal; margin: 0; padding: 15px 50px; } .tangshi-fullpage .author { font-size: 20px; color: #333; float: right; margin-top: 40px; } @media screen and (max-width: 600px){ .tangshi-fullpage { margin-bottom: 10vh !important; } .tangshi-fullpage .word { line-height: 2.6rem !important; } } </style> <div class="tangshi-fullpage"> <div class="bracket left">『</div> <div class="word"></div> <div class="bracket right">』</div> <div class="author"></div> </div> <script> $.getJSON('//www.quantangshi.cn/api/v1/',function(d){ $('.tangshi-fullpage .word').html("<a href='"+d.url+"' target='_blank'>"+d.word+'</a>'); $('.tangshi-fullpage .author').html("<a href='"+d.url+"' target='_blank'>—— "+d.author+"</a>"); });</script> <!--每日一言代码-->

请求地址

GET https://www.quantangshi.cn/api/v1/