制作UI班级学生信息表

最新推荐文章于 2024-09-10 18:41:00 发布

正在修炼web的小芮

最新推荐文章于 2024-09-10 18:41:00 发布

阅读量144

点赞数

分类专栏： css3 文章标签： css3

本文链接：https://blog.csdn.net/m0_71814235/article/details/125997065

版权

这篇博客介绍了如何运用CSS3技术来设计并实现一个班级学生信息展示的用户界面。通过设置body样式和CSS样式，实现了清晰、美观的效果。内容中详细展示了制作过程，包括样式定义和最终的展示效果。

摘要由CSDN通过智能技术生成

body样式如下

<body>
    <div id="wrap">
        <section>
            <header>
                <h1>UI1701班级信息表</h1>
            </header>
            <table width="60%" border="0" cellspacing="0" callpadding="10" summary="学生信息" class="bordered">
            <caption>
                UI1701班级学生信息表
            </caption>
            <tr>
                <th scope="col">编号</th>
                <th scope="col">姓名</th>
                <th scope="col">性别</th>
                <th scope="col">班级名称</th>
                <th scope="col">籍贯</th>
                <th scope="col">报道日期</th>
            </tr>
            <tr>
                <td>1</td>
                <td>老六</td>
                <td>男</td>
                <td>UI1701</td>
                <td>四川.绵阳</td>
                <td>2017.2.27</td>
            </tr>
            <tr>
                <td>2</td>
                <td>唐婷</td>
                <td>女</td>
                <td>UI1701</td>
                <td>四川.绵阳</td>
                <td>2017.2.27</td>
            </tr>
            <tr>
                <td>3</td>
                <td>蒲静</td>
                <td>女</td>
                <td>UI1701</td>
                <td>四川.宜宾</td>