背景样式

• background-color 设置元素的背景颜色。

• background-image 把图像设置为背景。

• background-position 设置背景图像的起始位置。

• background-attachment 背景图像是否固定或者随着页面的其余部分滚动。

• background-repeat 设置背景图像是否重复及如何重复。

• background 简写属性,作用是将背景属性设置在一个声明中。

列表样式

• list-style-type 设置列表项标志的类型。

• list-style-image 将图像设置为列表项标志。

• list-style-position 设置列表中列表项标志的位置。

• list-style 简写属性,用于把所有列表的属性设置于一个声明中。

背景区包括内容、内边距(padding)和边框、不包含外边距(margin)

border必须加上样式才会显示,否则默认为none不显示

边框颜色默认=元素内的文本颜色

好看的英文字体:font-size: 14px;

font-family: Consolas;

好看的中文字体:

微软雅黑 14px

RGBA 颜色值得到以下浏览器的支持:IE9+、Firefox 3+、Chrome、Safari 以及 Opera 10+

background-image

默认从左上角开始,在水平和垂直方向上重复

背景颜色和背景图片同时设置时,背景颜色会被背景图片覆盖

background-attachment:scroll | fixed

background-position: top | left | right | center | 长度值 | 百分比

第一个参数代表水平,第二个参数代表垂直,只有一个数值时,另一个默认为居中

background 简写

不区分属性的先后顺序

当background-attachment设置为fixed,则图片位置相对于整个网页来说html>meta charset="UTF-8"title>Documentdiv{width:300px;height1500pxborder1px solid;/*背景图片不显示,原因:

设置为fixed,则图片位置相对于整个网页来说

此时top表示图片位于整个网页的水平居中位置*/background#abcdef url(cat-little.jpg) no-repeat top fixed;};bodydiv>>>

html>

列表项标记 list-style-type

无序列表

有序列表

list-style-image

写在li样式上

list-style-position:inside | outside (针对于多行文本)

inside :列表项目标记放置在文本以内,且环绕文本根据标记对齐

outside :默认值,列表项目标记放置在文本以外,且环绕文本不根据标记对齐

list-style 样式缩写

顺序不固定,但list-style-image的属性值会覆盖list-style-style的属性值

html表格背景图片格式,css背景颜色、背景图片,以及列表的多种样式相关推荐

  1. word里图片格式为嵌入型时,图片显示不全问题

    word里图片格式为嵌入型时,图片显示不全问题 问题描述:在使用word插入图片时,当图片格式为嵌入型时,图片显示不全.如图: 解决方法: 双击选中图片,然后点击开始菜单的段落右下角 然后,将行距改为 ...

  2. css的背景颜色有哪些,css背景颜色、背景图片,以及列表的多种样式

    背景样式 • background-color 设置元素的背景颜色. • background-image 把图像设置为背景. • background-position 设置背景图像的起始位置. • ...

  3. php设置背景为透明,css如何设置背景颜色透明?css设置背景颜色透明度的两种方法介绍...

    在网页布局中有时为了网页的整体美观,可能需要将网页中的某些部分设置为背景颜色透明,那么如何设置背景颜色透明呢?本篇文章就来给大家介绍一下css设置背景颜色透明的方法. 在css中设置背景颜色透明的方法 ...

  4. html背景图片垂直居中,css — 定位、背景图、水平垂直居中

    css - 定位.背景图.水平垂直居中 目录 1. 定位 2. 背景图 3. 水平垂直居中 1. 定位 position:static | relative | absolute | fixed; s ...

  5. 用css使用html设置背景图片自适应,CSS怎么设置背景图片自适应全屏?附源码!...

    不少同学在设置网站背景图片时会遇到这么一个问题:背景图片总是不能铺满整个屏幕,不是图片太小就是图片被过度放大,显得不太美观.那么 CSS 怎么设置背景图片自适应全屏呢?这篇文章告诉你. 实现效果: 源 ...

  6. html加背景图片不动,css如何设置背景固定不动?

    在前面的经验中,我们知道了怎么用css来设置背景图片,但是鼠标滚动滚轮时,背景图片会随同网页内容一起滚动,怎么才能让背景图片固定不动呢? 背景图固定不动,不跟随滚动条滚动: 背景附着属性 backgr ...

  7. html盒子模型图片居中,CSS盒模型和图片水平居中和垂直居中

    盒子水平居中,使用margin:0 auto .haha{ width: 500px; height: 500px; border: 1px solid #ccc; margin: 0 auto; } ...

  8. 如何将PDF扫描件转换为JPG图片格式?PDF转JPG图片教程

    如何将PDF扫描件转换为JPG图片格式?我们在工作中为了方便阅读或发送给其他人,经常会把纸质版文件扫描为PDF格式文件,但是也会出现不同情况需要其中不同的几张图的时候,可能很多人都会直接截图使用,但是 ...

  9. 设置图片格式为php,php实现图片格式转换

    php实现图片格式转换的方法:首先新建一个php文件,并在测试目录放两张图片:然后通过pathinfo函数来判断图片的格式:最后通过函数imagejpeg将图片源转换成jpg格式图片并保存即可. 推荐 ...

最新文章

  1. 机器人抓取领域性能评估标准
  2. 媒体转码升级为媒体处理
  3. 【数据挖掘知识点七】相关与回归分析
  4. [转]expect的安装
  5. 降低能耗 企业级闪存进入数据中心领域
  6. 天池 在线编程 能否转换
  7. mysql 硬负载_软负载均衡和硬负载均衡
  8. 爬山法实现 八皇后问题 (Python 实现)
  9. 音视频开发(31)---H.264格式分析
  10. 造芯片这事情,到底要不要找潘金莲算账?
  11. vscode添加vue文件模板
  12. 阿里云基础产品技术月刊 2018年12月
  13. mysql 1136 column_安装mysql遇到ERROR: 1136 Column count doesn't match value count at row 1
  14. Java程序开发过程
  15. 计算机算法应用状况,详解机器学习中的现状,算法,应用
  16. 赵绍琴温病学讲座(一)
  17. 巨象指纹浏览器可以帮助用户做些什么?
  18. 利用matlab来计算双曲函数的值,关于MATLAB第2章数值计算与数据分析的介绍
  19. spring boot控制AD域 报错解决
  20. 问:python-dev是什么?为什么安装了python后有时还要安装python-dev?

热门文章

  1. Android+Java Web+MySQL实现登录注册
  2. [ 笔记 ] 计算机网络安全_5_防火墙原理与设计
  3. hmm念什么_HMM是什么意思
  4. 什么是视图?为什么使用视图?如何创建一个视图?视图的分类?
  5. codeforces EDU suffix array
  6. checkedListBox获取选择的值
  7. 干货分享--企业微信社群促活的12种方式
  8. java rmi tcp_Tomcat启动失败报错[RMI TCP Connection(4)-127.0.0.1] [RMI TCP Connection(3)-127.0.0.1]...
  9. 微机原理与接口技术:接口概述 详细笔记
  10. DeepMind科学家、AlphaTensor一作解读背后的故事与实现细节