> 웹 프론트엔드 > HTML 튜토리얼 > 请教一个简单的画HTML页面的问题_html/css_WEB-ITnose

请教一个简单的画HTML页面的问题_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 11:50:19
원래의
1101명이 탐색했습니다.



上面这样的页面,用HTML怎么画,不能用Table。


回复讨论(解决方案)

分解一下 有几行

每行有几列

不就好了

用div和css就可以啊,简单画一个,后面自己参照着来吧


<!DOCTYPE html><html><head>	<meta charset="utf-8"/>	<title>js测试</title>	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>	<style type="text/css">	#content{		width:500px;		height: 100px;	}	.ce1 {		float:left;		margin: 0 20px;		background-color: #999;	}	</style></head><body>	<div id="content">		<div class="ce1">		这里是测试数据		</div>		<div class="ce1">		测试数据2		</div>	</div></body><script type="text/javascript">function hideys()	{		$("#content").toggle();		}	</script></html>
로그인 후 복사

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿