Heim >Web-Frontend >HTML-Tutorial >怎样控制DIV的线条显示效果?_html/css_WEB-ITnose
怎样控制DIV的线条显示效果?_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 09:42:351171Durchsuche
如上图
在一个大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>
呵呵
明白了,谢谢
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：jquery+div如何实现frameset效果？_html/css_WEB-ITnoseNächster Artikel：IE8浏览器滚动滚动条很卡_html/css_WEB-ITnose