> 웹 프론트엔드 > HTML 튜토리얼 > HTML5-表格_html/css_WEB-ITnose

HTML5-表格_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 11:46:49
원래의
1069명이 탐색했습니다.

 

表格:表头,行 ,列,标题

属性:cellpadding="10" cellspacing="10":单元格间距,单元格边距|

bgcolor="#8a2be2"【背景颜色】,background="images/html.jpg"【背景图片】

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title>表格</title></head><body>    <p>表格</p>    <table border="1">        <caption>重要表格</caption>        <!-- <caption>重要表格</caption>:表头-->        <tr>            <th>单元</th>            <th>单元</th>            <th>单元</th>        </tr>        <tr>            <td>单元格1</td>            <td>单元格2</td>            <td>单元格3</td>        </tr>        <tr>            <td>单元格1</td>            <td>单元格2</td>            <td>                <ul>                    <li>苹果</li>                    <li>苹果</li>                    <li>苹果</li>                </ul>            </td>        </tr>    </table>    <br/>    <table border="1" cellpadding="10" cellspacing="10" bgcolor="#8a2be2">        <!--  cellpadding="10" cellspacing="10":单元格间距,单元格边距-->        <tr>        <td>单元格1</td>        <td>单元格2</td>        <td>单元格3</td>        </tr>        <tr>            <td>单元格4</td>            <td>单元格4</td>            <td>单元格6</td>        </tr>    </table>    <!-- bgcolor="#8a2be2"【背景颜色】,background="images/html.jpg"【背景图片】-->    <br/>    <table border="1" cellpadding="10" cellspacing="10" background="images/html.jpg">        <!--  cellpadding="10" cellspacing="10":单元格间距,单元格边距-->        <tr>            <td>单元格1</td>            <td>单元格2</td>            <td>单元格3</td>        </tr>        <tr>            <td>单元格4</td>            <td>单元格4</td>            <td>单元格6</td>        </tr>    </table></body></html>
로그인 후 복사

 

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