透明度 元素背景图 背景偏移量与定位 表格2018-07-10

opactiy:0~1之间的数字调试透明度,

ie8级一下浏览器不支持

filter:plpha(opactiy=0~100);0~100之间数字调试透明度

元素背景图

background-image:url(img/背景图片);向元素中加入图片可以同时为一个元素设置背景色和背景色不会互相冲突,当图片小与元素大小时会平铺站位

background-repeat:no-repeat;值显示一个图片不平铺

background-repeat:repeat-x;只平铺一行沿着x轴

background-repeat:repeat-y;只平铺一列沿着y轴

背景偏移量与定位

background-position:水平方向,垂直方向

center中  left左   right右  bottom底部  top上部

background-position:-50px 60px;

可以直接设置像素x,y轴

background-attachment:fixed;

背景不会随着滚动条滚动

表格

table,tr,th,td

使用table标签创建一个表格

tr表示表格中的一行

tr中可以编写一个或多个th或td。

th表示表头

td表示表格中的一个单元格

caption,thead,tbody,tfoot

caption表示表格的标题

thead 表示表格的头部

tbody 表示表格的主题

tfioot表示表格的底部

合并单元格

合并单元格指将两个或两个以上的单元格合并为一个单元格。

合并单元格可以通过在th或td中设置属性来完成

横向合并  -colspan

纵向合并  -rowspan

之前学习的很多属性都可以用来设置表格的样式,比如color可以用 来设置文本的颜色。padding可以设置内容和表格边框的距离。

text-align:设置文本的水平对齐。

vertical-align:设置文本的垂直对齐。

可选值:top、baseline、middle、bottom

border-spacing:边框间距

border-collapse:合并边框

collapse:合并边框

separate:不合并边框

样式<table>

<td></td>

</table>

作业


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

相关阅读更多精彩内容

  • 概述 在网易云课堂学习李南江老师的《从零玩转HTML5前端+跨平台开发》时,所整理的笔记。笔记内容为根据个人需求所...
    墨荀阅读 7,017评论 0 7
  • (注1:如果有问题欢迎留言探讨,一起学习!转载请注明出处,喜欢可以点个赞哦!)(注2:更多内容请查看我的目录。) ...
    love丁酥酥阅读 9,898评论 2 5
  • 1.background-color : background-color属性用来为元素设置背 景颜色。 需要指定...
    rtrhhthth阅读 1,598评论 0 0
  • 固定定位(fixed):元素脱离文档流,不占据文档流的位置,可以理解为漂浮在文档流的上方,相对于浏览器窗口进行定位...
    沉吟不语阅读 1,864评论 0 1
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 10,201评论 0 0

友情链接更多精彩内容