设置背景与表格

1:设置背景

简单的说几点吧

1图片小鱼界面大小,默认平铺
2背景移动与定位
3背景颜色
4表格的基本设置

1:可以同时设置背景颜色图片。color默认背景颜色。

渐变平铺设置。不设置X方向平铺,下方也会被拉长
background-repeat
repeat:默认值。图片左右上下平铺
no-repeat:只显示图片一次,不会被平铺
repeat-X:沿X轴水平平铺一张图片
repeat-Y:沿Y轴水平平铺一张图片

2:background-position写一个值另外一个值默认center

3:背景颜色属性将背景设置为某种颜色。属性值可以是十六进制数、RGB 值或颜色名。

<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">

提示:如果你打算使用背景图片,你需要紧记一下几点:

背景图像是否增加了页面的加载时间。小贴士:图像文件不应超过 10k。
背景图像是否与页面中的其他图象搭配良好。
背景图像是否与页面中的文字颜色搭配良好。
图像在页面中平铺后,看上去还可以吗?
对文字的注意力被背景图像喧宾夺主了吗?

4tr:表示表格中的行标记,属性有align:左中右三个值

td:列标记,align属性可以设置内容的位置

th:是第一行的标题

valign属性可以设置th和td,可以取值Top或者Bottom。

callpadding:内容与单元格边框的间距

cellspacing:防止文本超出边框

如果要使单元格实现跨行或者跨列功能,使用属性colspan和rowspan.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
    <style type="text/css">
        table{
            width: 300px;   
            margin: 0 auto;
            border-collapse:collapse;
        }
        td{
            border: 1px solid block;
        }
    </style>

</head>
<body>
    <table border="1" width="40%" align="center">
        <tr>
            <td>名字</td>
            <td>住址</td>
            <td>学号</td>
            <td>职业</td>
        </tr>
        <tr>
            <td>老王</td>
            <td>隔壁</td>
            <td>666</td>
            <td>羞羞</td>
        </tr>
    </table>    
</body>
</html>

执行结果

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示...
    七彩小鹿阅读 11,449评论 2 66
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 10,160评论 0 0
  • 一、CSS入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 5,564评论 0 6
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,435评论 1 45
  • 七律/美国黑龙王茄子 作者:心博、图片:网络 茄形酷似黑龙王,果色幽幽黛紫光。 花比村姬无大雅,叶犹蒲扇可遮凉。 ...
    心博1阅读 4,717评论 0 0

友情链接更多精彩内容