手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >两个div并排的实现代码
两个div并排的实现代码
摘要:css两个div并排左右提示:您可以先修改部分代码再运行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>css两个div并排</title><style type="text/css"><!--.onediv{width:90px; height:50px;float:left;margin:0 0 0 5px; border:1px #000 solid; background:#FF0000}.twodiv{width:90px; height:50px;float:left;margin:0 0 0 5px; border:1px #000 solid; background:#99CC00}--></style></head> <body><div>左</div><div>右</div> </body></html>

提示:您可以先修改部分代码再运行

【两个div并排的实现代码】相关文章:

CSS3 实用技巧:实现黑白图像效果示例代码

CSS分页符代码

使用CSS代码的空格实现中文对齐的方法

京东装修的耳朵代码

CSS3实现的炫酷菜单代码分享

页面背景图片的拉伸实现代码

CSS3 Media Query:移动Web的完美开端

css按钮自适应实现原理及代码

CSS 网页背景渐变实现代码

可记忆cookie的页面简繁体转换代码

精品推荐
分类导航