Rumah > hujung hadapan web > html tutorial > 请教一个简单的画HTML页面的问题_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-24 11:50:19
asal
1109 orang telah melayarinya



上面这样的页面,用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>
Salin selepas log masuk

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan