主题:
3024-night
ambiance-mobile
ambiance
base16-dark
blackboard
cobalt
eclipse
erlang-dark
lesser-dark
mbo
mdn-like
midnight
monokai
neat
neo
night
paraiso-dark
pastel-on-dark
rubyblue
solarized
the-matrix
tomorrow-night-eighties
vibrant-ink
新窗口
视图:
左侧面板
HTML
CSS
JS
预览
F11(全屏显示选中的编辑器)
查看更多帮助信息
文件标题:
代码类型:
默认(HTML/CSS/JS)
HTML混合(单页)
PHP
Java
C#
C++
C
SQL
杂项:
启用CSS/JS语法检查
监测脚本运行错误
禁止库文件重复
文档类型:
HTML5
HTML 4.01 Strict
HTML 4.01 Transitional
HTML 4.01 Frameset
XHTML 1.0 Strict
XHTML 1.0 Transitional
XHTML 1.0 Frameset
无
JS库文件:
无
jQuery 1.11.1
jQuery 2.1.1
jQuery 1.10.2
jQuery 1.9.1
jQuery 1.8.3
jQuery 1.7.2
jQuery 1.6.4
jQuery 1.5.2
jQuery 1.4.4
jQuery 1.3.2
jQuery 1.2.6
手动添加:
<body> <table border="0"> <tr> <td id="header" colspan="2"> <h3>顶部(header)</h3> </td> </tr> <tr id="section"> <td id="menu">菜单(menu)</td> <td id="content">内容(content)</td> <td id="sidebar">右侧(sidebar)</td> </tr> <tr> <td id="footer" colspan="2"> <h3>底部(footer)</h3> </td> </tr> </table> </body>
body { width:750px; margin:0px auto; text-align:center; } table, #header { width:100%; height:100px; } #header, #footer { background-color: red; } #section { width:100%; height:300px; } #footer { width:100%; height:100px; } #menu { float:left; width:20%; height:100%; background-color: red; } #content { float:left; width:60%; height:100%; background-color: yellow; }