分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

CSS背景、列表、盒子模型

发布时间:2023-09-06 01:15责任编辑:熊小新关键词:CSS盒子模型

本章内容:

  • CSS背景
  • CSS列表

一、CSS背景

A、背景颜色

background-color:颜色 | transparent(透明色)

B、背景图片

  • background-image:url | none

          注意:当同时设置了图片和背景颜色时,图片会覆盖颜色

  • background-repeat:repeat (重复/默认)| no-repeat(不重复) | repeat-x(s轴重复) | repeat-y(y轴重复)

          当一张图片没有容器大时,图片默认复制自己填充容器;

  • background-attachment: scroll(滚动/默认) | fixed(默认)
  • background-position: 百分比 | 值 | 四个方向

C、简写方式

  • background: a b c d;

          不分先后顺序, 值之间用空格分割

二、CSS的列表

A、列表标记样式

  • list-style-type:dics(实心圆点) | circle(空心圆点) | square(实心方块) | decimal(整数) | lower-roman(小写罗马) | upper-roman(大写罗马) | lower-alpha(小写英文) | upper-alpha(大写英文) | none(无标记)

B、自定义标记样式

  • list-style-image:URL | none

C、标记的位置设置

  • list-style-position:inside(不顶行) | outside(顶行)

D、简写方式

list-style: a b c d;

空格分割 不分顺序

CSS背景、列表、盒子模型

原文地址:http://www.cnblogs.com/learn-python-M/p/7615482.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved