盒子模型，内外边框

最新推荐文章于 2022-07-18 19:27:29 发布

小白ZZZZZZZZZZZZ

最新推荐文章于 2022-07-18 19:27:29 发布

阅读量317

点赞数

文章标签： css css3 html

本文链接：https://blog.csdn.net/m0_56309491/article/details/122831732

版权

<style type="text/css">
			#mydiv1 {
				width:1000px;
				height:1000px
				/* 背景颜色 */
				
				background-color: #FF0000;
				background-color: aqua;
				/* 背景图片 */
				background-image: url(../img/bd.png);
				/* 是否重复 */
				background-repeat: no-repeat;
			}
			#mydiv{
				/* 字体颜色· */
				color: #00FFFF;
				/* 对齐方式 */
				text-align: center;
				/* 文本修饰   下滑线---中划线---上划线 */
				text-decoration: line-through overline underline;
				/* 设置文本首行缩进 */
				text-indent: 2em;
			}
			
			a{
				/* 去除----超链接-----的下划线 */
				text-decoration: none;
			}
			#p1{
				/* 对齐方式----left  center  justify两端对齐 */
				text-align: justify;
			}
			h2{
				/* display属性   none隐藏元素  block显示元素 */
				display:block;
			}
			/* 浮动 */
			#d1{
				width: 1000px;
				height: 100px;
				background-color: #00FFFF;
				/* 浮动 */
				float: left;
			}
			#d2{
				width: 100px;
				height: 100px;
				background-color: bisque;
				float: left;
			}
			
			#d3{
				width: 100px;
				height: 100px;
				background-color: bisque;
				/* 设置边框 */
				border: #FFE4C4 0.3125rem outset;
				/* 设置内边距 */
				padding: 0.9375rem;
				padding-left: 1.25rem;
				padding: 0.625rem 1.25rem;
				/* 设置外边距 */
				margin-top: 6.25rem;
			}








<body>
		<!-- 
			背景
				背景颜色
				背景图片
				是否重复
		 -->
		 <!-- 文本 -->
		<div id="mydiv">
			Hello
		</div>
		<!-- 取出文本属性 -->
		<a href="百度">百度</a>
		<hr >
		<!-- 对齐方式 -->
		<p id="p1">*****************************
		***************************************
		****************************
		</p>
		<hr >
		 <!-- display隐藏功能 -->
		<h2 >Hello</h2>
 <div id="d1">
		 </div> 
		 <div id="d2">			 	
		 </div>
		 <br>
		 <div id="d3"></div>
	</body>

小白ZZZZZZZZZZZZ

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
盒子模型，内外边框

<style type="text/css"> #mydiv1 { width:1000px; height:1000px /* 背景颜色 */ background-color: #FF0000; background-color: aqua; /* 背景图片 */ background-image: url(../img/bd.png); /* 是否重复 */ background-repeat: no.
复制链接

扫一扫