Home > Article > Web Front-end > 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
- WBOYOriginal
- 2016-06-24 11:50:191068browse
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> 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