CSS列表、背景、盒子模型

1.列表 ul  li

(1)nav标签

作为标注一个导航链接的区域,建议使用id=“nav”来使用

#nav{
     background: red;
     width: 300px;
 }
<div id="nav">
<a href="#">我是一个链接</a>
</div>

区域宽度就是300px

(2)list-style 简写属性在一个声明中设置所有的列表属性

  • none 无圆点
  • circle 空心圆
  • decimal 数字
  • square 正方形

2.背景

(1)background 背景

background: red url("image/2.png") no-repeat  fixed top;

分别为颜色,引入图片,不平铺,图片固定,位置在上。可分开编写

3.盒子模型  外边margin 盒子border 内padding

body外边距总有默认外边距

(1)border:粗细,样式,颜色

border: 1px solid red;

(2) margin

margin: 0 5px 10px 50px;

按照顺时针排列,上右下左,

 

posted @ 2020-10-19 15:52  null_lii  阅读(93)  评论(0)    收藏  举报