0
点赞
收藏
分享

微信扫一扫

第四次网页前端培训笔记(HTML)

诗尚凝寒 2022-02-08 阅读 47
html前端tv

1. 背景
            背景颜色
            背景图片
            是否重复

height: 500px;
			
			#背景颜色
			background-color: aqua;
			#背景照片
			background-image: url(img/bd.png);
			#背景是否重复
			background-repeat: no-repeat;

2.盒子模型


            padding内边距
            border边框
            margin外边距
            
            border 边框
                        设置边框的颜色、样式、宽度
                        border:颜色样式宽度
                        例: border : red soild 1px
                    单独设置边框的宽度、颜色、样式
                        border-width
                        border-style
                        border-color
                        border-collapse
                    设置是否将表格边框折叠为单一边框。
                    属性值: separate(默认,单元格边框独立) 、collapse (单元格边框合并)
            
            padding内边距
                设置元素所有内边距的宽度,或者设置各边上内边距的宽度。
                单独设置各边的内边距: padding-top、padding-left、 padding-bottom、padding-right
                默认按照上右下左的顺序设定
            设置一个值:上右下左都一致设置
            2个值:上下一致,左右一致
            设置3个值:上右下,左和右一致
            
           
            margin外边距
                    设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度。
                    单独设置各边的外边距: margin-top、margin-left、margin-bottom、margin-right

width: 6.25rem;
		height: 100px;
		background-color: #00FFFF;
		设置边框
		border: #0000FF 5px outset;
		设置内边距 
		padding: 15px;
		padding-left: 20px;
		padding: 10px 20px; 
		设置外边距 
		margin-top: 100px;
		margin-left: 100px;
举报

相关推荐

0 条评论