blockquote

<blockquote> <cfieldset> <legend>

<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>

預覽 寫程式 還原 LLLLLLLLLLLLLLLLL

<fieldset> <legend>  <</>fieldset>     <</>legend>  </legend> <pre> <</>fieldset> 元素用於對表單中的控制元素進行分組。 <</>legend> 元素作為 fieldset 的標題。 例 : <</>fieldset> <</>legend>標題內容<</>/legend> <</>pre> 文章內容 <</>/pre> <</>/fieldset> </pre></fieldset> </script> <style> fieldset {font-size: 20px;} legend { font-size: 25px; color:blue;border: 1px solid black; background:radial-gradient(circle farthest-side at center,yellow,red);} #Textcss { width:98%; height:80%; font-size: 20px;} </style>

預覽 寫程式 還原 LLLLLLLLLLLLLLLLL

Edit

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