http://ciangbrides.myds.me/dw/ 2026-04-04T21:33:14+00:00 http://ciangbrides.myds.me/dw/ http://ciangbrides.myds.me/dw/lib/tpl/bootstrap3/images/favicon.ico text/html 2016-06-28T03:18:29+00:00 Anonymous (anonymous@undisclosed.example.com) http://ciangbrides.myds.me/dw/it/css/blockquote-before-after-square <dl class="plugin_definitionlist"> <dt><span class="term"> 出處</span></dt> <dd> <a href="https://theinitium.com/article/20160626-opinion-book-Turkey/" class="urlextern" title="https://theinitium.com/article/20160626-opinion-book-Turkey/" rel="ugc nofollow">你能分清土耳其人和希臘人嗎 | 端傳媒 Initium Media</a></dd> </dl> <pre class="code css"><span class="re1">.icon-quote-left-blue</span><span class="sy0">,</span> <span class="re1">.article-content</span> <span class="sy0">&gt;</span> blockquote <span class="sy0">&gt;</span> p<span class="sy0">:</span><span class="kw5">first-of-type</span><span class="sy0">:</span><span class="kw5">before</span> <span class="br0">&#123;</span> <span class="kw1">width</span><span class="sy0">:</span> <span class="re3">18px</span><span class="sy0">;</span> <span class="kw1">height</span><span class="sy0">:</span> <span class="re3">34px</span><span class="sy0">;</span> <span class="kw1">background-color</span><span class="sy0">:</span> <span class="re0">#2bb6c9</span><span class="sy0">;</span> -webkit-mask-image<span class="sy0">:</span> <span class="kw3">url</span><span class="br0">&#40;</span><span class="co2">../img/icons/quote-left.svg</span><span class="br0">&#41;</span><span class="sy0">;</span> mask-image<span class="sy0">:</span> <span class="kw3">url</span><span class="br0">&#40;</span><span class="co2">../img/icons/quote-left.svg</span><span class="br0">&#41;</span><span class="sy0">;</span> <span class="br0">&#125;</span> &nbsp; <span class="re1">.icon-quote-right-blue</span><span class="sy0">,</span> <span class="re1">.article-content</span> <span class="sy0">&gt;</span> blockquote <span class="sy0">&gt;</span> p<span class="sy0">:</span><span class="kw5">last-of-type</span><span class="sy0">:</span><span class="kw5">after</span> <span class="br0">&#123;</span> <span class="kw1">width</span><span class="sy0">:</span> <span class="re3">18px</span><span class="sy0">;</span> <span class="kw1">height</span><span class="sy0">:</span> <span class="re3">34px</span><span class="sy0">;</span> <span class="kw1">background-color</span><span class="sy0">:</span> <span class="re0">#2bb6c9</span><span class="sy0">;</span> -webkit-mask-image<span class="sy0">:</span> <span class="kw3">url</span><span class="br0">&#40;</span><span class="co2">../img/icons/quote-right.svg</span><span class="br0">&#41;</span><span class="sy0">;</span> mask-image<span class="sy0">:</span> <span class="kw3">url</span><span class="br0">&#40;</span><span class="co2">../img/icons/quote-right.svg</span><span class="br0">&#41;</span><span class="sy0">;</span> <span class="br0">&#125;</span></pre> <p> <a href="http://ciangbrides.myds.me/dw/_media/it/css/blockquote-before-after-css-example.png" class="media" title="it:css:blockquote-before-after-css-example.png"><img src="http://ciangbrides.myds.me/dw/_media/it/css/blockquote-before-after-css-example.png?w=600&amp;tok=c938cd" class="mediacenter" alt="" width="600" /></a> </p>