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>