blockquote

<div style="display:flex ; justify-content: center "> <div id="S1" onclick="DPcss(S1)"> <blockquote class="ccs1" > blockquote 1</blockquote> <style> .ccs1 { font-size: 24px;color: #555555; width:150px ; height:60px ; border-left:20px solid #78C0A8 ; background:#EDEDED; box-shadow: 12px 12px 8px #ccc; display:flex ; align-items : center; justify-content: center;cursor:pointer; } </style></div> <div id="S2" onclick="DPcss(S2)"> <blockquote class="ccs2">blockquote 2</blockquote> <style> .ccs2 { font-size: 24px;color: #555555; width:150px ; height:60px ; border-left:15px solid #78C0A8 ; background:#EDEDED; box-shadow: 12px 12px 8px #ccc; display:flex ; align-items : center; justify-content: center ;cursor:pointer;} .ccs2::before { font-size:40px; content: "\201C";} </style></div> <div id="S3" onclick="DPcss(S3)"> <blockquote class="css3" >blockquote 3</blockquote> <style> .css3 { font-size: 20px ; color: #666; width:150px ; height:60px ; background-color: yellow; border-left: 15px solid #00aae1; border-right: 15px solid #00aae1; box-shadow: 12px 12px 8px #ccc; display:flex ; align-items : center; justify-content: center;cursor:pointer; } </style></div> </div> <div id="Textcss"></div> <script> var newDiv = document.createElement("textarea"); newDiv.id="Textcss" ; newDiv.readOnly = "true" ; document.body.replaceChild(newDiv, Textcss); function DPcss(x){ Textcss.value = x.innerHTML ; //alert(x.innerHTML ) } DPcss(S1) </script> <style> #Textcss {width:98%; height:80%; font-size: 20px;} </style>

00

<pre><BF><</>fieldset> 元素用於對表單中的控制元素進行分組, 於您希望美化表單的外框而已。 <</>legend> 元素作為 fieldset 的標題。</pre></BF><br> <fieldset> <legend>  ABC  </legend> <pre> 例 : <</>fieldset> <</>legend> ABC <</>/legend> 文章內容 <</>/fieldset> </pre> </fieldset> <br><br> <pre>CSS : fieldset { font-size: 20px; border:2px solid red;} legend { font-size: 25px; color:blue; border:2px solid black; background:radial-gradient(circle farthest-side at center,yellow,red); } </pre> </script> <style> fieldset { font-size: 20px; border:2px solid red;} legend { font-size: 25px; color:blue; border:2px solid black; background:radial-gradient(circle farthest-side at center,yellow,red);} BF { font-size: 25px;} </style>

00

Edit

#html #style #script #javascript #css #blockquote #fieldset #legend #標題內容 #文章內容 #pre