200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 所见即所得的html制作 做一个所见即所得的CSS效果

所见即所得的html制作 做一个所见即所得的CSS效果

时间:2023-01-28 19:35:53

相关推荐

所见即所得的html制作 做一个所见即所得的CSS效果

style 也是标签(在非ie内核的浏览器中支持),我们将style设置成 contenteditable的时候,那么那的内容就可以编辑了。仔细的体验下,如果我们将背景修改成红色的。那么只要书写完,立马呈现。哇靠,这很方便我们以后写那种动态的编辑器效果呢,等有时间的话,我再试试。

效果演示

提示:你可以随意改变.test_div里的CSS代码,比如把green改成blue,#666什么的。

附上我研究的代码:

body style {

display: block;

background: #333;

color: white;

font: 13px/1.8 Monaco, Mono-Space;

padding: 20px;

white-space: pre;

margin:0 auto;

width:500px;

height:100px;

}

想了解更多,可以去这里看看。

本文使用的并非body,而是div,相关代码如下:

.test_div style {

display: block;

background: #333;

color: white;

font: 14px/1.8 Courier New;

padding: 20px;

white-space: pre;

margin:0 auto;

width:250px;

height:100px;

}

Have fun.

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。