用js实现的DIV+CSS编辑器代码_经验交流

在线DIV+CSS编辑器

类/标签/ID:
所有数值都不用输入单位;

宽:
高:
背景色:
前景色:

边框:
颜色:选择soliddottednonehiddendasheddoublegrooveridgeinsetoutset

外间距 Margin :
如:10px 2px

内间距 Padding:
如:10px 2px

浮动: 左

×

显示:选择
block
inline
none

可见:可见
隐藏
×

文本对齐:选择leftcenterright
行高:%无px
文字缩进:

文本:
字体:
选择宋体黑体Arial雅黑
粗细:
效果:下划线

×

背景图片:
重复:选择横向重复纵向重复不重复

水平位置:
垂直位置:
附件:选择固定滚动

垂直对齐:选择middlebottomtopautobaseline
清除:选择leftrightboth
Overflow:选择scrollautohidden

定位:选择绝对相对
Z坐标:
left:
top:
right:
bottom:

UL列表:类型选择nonedisccirclesquaredecimal
图像:
位置:内

×

光标:
选择默认手文本移动crosshairdefaultpointerhandmovehelpwaittextw-resizes-resizen-resizee-resize

实际应用效果如下

Effect of This Rule Shows You at here!

工具啦 (www.tool.la) 给你最全、最好的工具!





这是一个使用了复杂的样式的DIV,你可以使用获取CSS来获取这个CSS

时间: 2024-10-02 10:48:05

用js实现的DIV+CSS编辑器代码_经验交流的相关文章

div结合css布局bbs首页(div+css布局入门)_经验交流

我把论坛首页分为header区,信息区,内容区,页脚区.首先用一大div把这些包含进来,主要是考虑到页面整体调节方便,比如要调成宽屏的或者是窄屏的,只要设置一下这个大div就可以了. 先把代码贴出来,供朋友们调试使用.css: 复制代码 代码如下: /* CSS Document */ body{ background-color:#F5F5F5; margin:0; padding:0; font-family : "Lucida Grande", Verdana, Lucida,

一个新的CSS菜单代码_经验交流

Phones New Phones 9290 8390 8290 8270 Compare All Phones Service Provider

不用js多浏览器兼容纯DIV/CSS对联漂浮广告代码_经验交流

纯DIV/CSS对联漂浮广告代码(无JS) 源码网两侧漂浮.经测试,兼容IE6,IE7,Firefox浏览器. CSS代码为: 复制代码 代码如下: .r1{width:80px;height:80px;background:red;float:right;          position:fixed !important; top/**/:200px;          position:absolute; z-index:300; top:expression(offsetParent.

布局用CSS+DIV的优点总结_经验交流

采用CSS+DIV对网站重构日趋被大家重视起来了,尤其是大型站点,像阿里巴巴.163等大型门户站点就已经完成了重构工作.本人在去年就已经有了使用CSS+DIV来编写网页源码的习惯了,个人感觉这种方法确实比传统的TABLE形式的源码架构强多了. 1:表现和内容相分离 将设计部分剥离出来放在一个独立样式文件中,HTML文件中只存放文本信息. 2:提高搜索引擎对网页的索引效率 用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的网页内容,并可能给你一个较高的评价. 3:提高页面浏览

css li 超出隐藏代码_经验交流

jb51.net - Div CSS布局 常见问题 jb51.net - Div CSS布局 常见问题 jb51.net - Div CSS布局 常见问题 jb51.net - Div CSS布局 常见问题 jb51.net - Div CSS布局 常见问题 jb51.net - Div CSS布局 常见问题 jb51.net - Div CSS布局 常见问题 jb51.net - Div CSS布局 常见问题

Class与ID区别 margin和padding区别 CSS学习笔记_经验交流

由于现在百分之99.99%的CMS都是用div+css来构建网页模板的,被逼无奈,一大把年纪了还要学习CSS,说实话没觉得用div来布局比table好在什么地方!但迫于行势,先硬着头皮看吧,能学多少是多少.根据数据与结构分离的原则,CSS最好要独立于网页文件,用 复制代码 代码如下: <link rel="stylesheet" type="text/css" href="../xxx/web.css" />  语句将CSS文件调入网

IE6,IE7和firefox对DIV的支持区别_经验交流

1 针对firefox ie6 ie7的css样式 现在大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7对!important可以正确解释,会导致页面没按要求显示!找到一个针对IE7不错的hack方式就是使用"*+html",现在用IE7浏览一下,应该没有问题了. 现在写一个CSS可以这样: #1 { color: #333; } /* Moz */ * html #1 { color: #666; } /* IE6 */ *+html

不用float实现div模块居中布局_经验交流

最常见的div+css网页布局形式:上.中左.中右.底四个模块,宽度760px,整体页面居中. 结构代码,top left right foot 四个模块全部独立.互不嵌套. <div id="top">head</div> <div id="left">   <div id="left_module">left</div> </div> <div id="r

以前写的两个CSS树形菜单_经验交流

第一次写的CSS树形菜单比较简单,只有二级目录,javascript代码总共不到十行,主要是靠CSS中的包含写法来实现的.演示地址:(1)http://www.cnlei.org/mycode/csstreemenu/index.html(2)http://cnlei.iecn.net/mycode/csstreemenu/index.html下载链接:(1)http://www.cnlei.org/mycode/csstreemenu/csstreemenu.rar(2)http://cnle