Home > Web Front-end > HTML Tutorial > Please ask a simple question about drawing an HTML page_html/css_WEB-ITnose

Please ask a simple question about drawing an HTML page_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:50:19
Original
1109 people have browsed it



How to draw a page like the above using HTML, Table cannot be used.


Reply to discussion (solution)

Break it down. How many rows are there?

How many columns are there in each row?

No That’s fine

Just use div and css, just draw one and refer to it later


<!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>
Copy after login

source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template