Blockquote Template کد نقل قول در HTML

توسط کد زیر میتوانید یک تمپلیت زیبا برای نقل قول های خود درست کنید.




blockquote { background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: .5em 10px; quotes: "\201C""\201D""\2018""\2019"; } blockquote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: .1em; margin-right: .25em; vertical-align: -.4em; } blockquote p { display: inline; }

نمونه آماده شده و پیش نمایش کد