Home >Web Front-end >HTML Tutorial >怎样控制DIV的线条显示效果?_html/css_WEB-ITnose
怎样控制DIV的线条显示效果?_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 09:42:351178browse
如上图
在一个大DIV里面有嵌套3个DIV
content
ccontent
content
想设置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=utf-8" /><title>无标题文档</title></head><body><div style=" width:905px; height:302px; border:1px solid #CCC;"id="1"><div style="float:left; height:300px; width:300px; border-bottom:1px solid #CCC; border-right:1px solid #CCC;" id="2_1">content</div><div style="float:left; height:300px; width:300px; border-bottom:1px solid #CCC; border-right:1px solid #CCC;" id="2_2">ccontent</div><div style="float:left; height:300px; width:300px; border-bottom:1px solid #CCC; id="2_3">content</div></div></body></html>
呵呵
明白了,谢谢
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：jquery+div如何实现frameset效果？_html/css_WEB-ITnoseNext article：IE8浏览器滚动滚动条很卡_html/css_WEB-ITnose