html左右布局示例代码
2013-10-05 16:57
393 查看
css:
html
点击文本框,文字消失
html,body{ margin:0px; padding:0px; height: 100%; } .headbg{ background: black; color: white; height:48px; } .userManagerAll{ height: 100%; width: 100%; } .leftside{ background: #E6E6E6; float: left; height: 100%; width: 200px; margin: 0px; overflow-y:auto; } .rightside{ background: white; height: 100%; width:100%; align:right; }
html
<div class="head"></div> <div class="All"> <div class="left side">1</div> <div class="right side">2</div> </div>
点击文本框,文字消失
<input name="textfield" style="color:#CCC;" type="text" value="点击文字消失" size="12" onclick="value='';focus()" onblur="if(value=='') value='点击文字消失;"/>
相关文章推荐
- CSS左右两列自适应高布局示例代码
- CSS设计网页布局(1-3-1左右固定,中间动态)示例代码
- html左右布局
- 【示例代码】HTML+JS 画图板源码分享
- Android给布局、控件加阴影效果的示例代码
- HTML——左右側边栏布局
- Jquery在指定DIV加载HTML示例代码
- 【代码示例】动态给HtmlTable添加行数据
- 使用代码创建布局的小示例, 相当有用
- 纯html+css+javascript实现楼层跳跃式的页面布局(实例代码)
- CSS table 单行布局示例代码
- html table表数据转Json格式示例代码
- HTML布局之左右结构,左边固定右边跟据父元素自适应
- 用css实现十字的布局示例代码
- PHP 动态生成静态HTML页面示例代码
- XHTML+css弹性+固宽布局 网页代码示例
- html 5 拖拽示例代码
- html div三列布局占满全屏(左右两列定宽或者百分比、中间自动适应,div在父div中居底)
- 网页布局代码html部分