CSS布局常用样式属性

1、width 设置元素(标签)的宽度,如:width:100px;

2、height 设置元素(标签)的长度,如:height:100px;

3、background 设置元素背景色或者背景图片,如:background:gold;(设置背景颜色为金色)

4、border 设置元素四周的边框,如:border:1px solid black;设置元素四周边框是1像素宽的黑色实线。

以上也可以拆成四个边的写法,分别设置四个边的:

5、border-top 设置顶边边框,如:border-top:10px solid red;

6、border-left 设置左边边框,如:border-left:10px solid red;

7、border-right 设置右边边框,如:border-right:10px solid red;

8、border-bottom 设置底边边框,如:border-bottom:10px solid red;

9、padding 设置元素包含的内容和元素边框的距离,也叫内边距,如:padding:20px;padding是同时设置4个边的,也可以像border一样拆分成分别设置四个边:padding-top、padding-left、padding-right、padding-bottom

10、margin 设置元素和外界的距离,也叫外边距,如:margin:20px;margin是同时设置4个边的,也可以像border一样拆分成分别设置四个边:margin-top、margin-left、margin-right、margin-bottom

11、float 设置元素浮动,浮动可以让块元素排列在一起,浮动分为左浮动 float:left; 右浮动 float:right;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。