style标签下的CSS代码的显示与实时编辑

style标签也是标签

首先设置body style的样式

body style{
    display:block;
    padding:0.6em 0.8em; 
    border:1px dashed #ccc; 
    background-color:#f5f5f5; 
    color:#000; 
    font-family:Monaco, monospace; 
    font-size:12px; 
    white-space:pre-wrap; 
    word-wrap:break-word;
}

然后再body里面放人可编辑的style

<style contenteditable>.test{ padding: 3px; border: 1px solid #ccc; background-color: #fff; }</style>

<div class="test"> 		
     <p>vfdsjkvbsdjvkbdsjkvbjdskbv </p> 	
</div>