web_margin,pading...

最新推荐文章于 2021-09-14 15:21:57 发布

二师弟&

最新推荐文章于 2021-09-14 15:21:57 发布

阅读量149

点赞数 1

分类专栏： web_html5

本文链接：https://blog.csdn.net/zhu_fangyuan/article/details/107849012

版权

web_html5 专栏收录该内容

32 篇文章 2 订阅

订阅专栏

* 是表示针对HTML的所有元素。

margin表示边框外面留的空白，后面的0表示不留空白。

padding表示边框内部带内容之间填充，后面的0表示不留空白。

border表示边框，后面的0px表示边框宽度为0像素，边框绘制方式none表示不绘制边框。

代码演示

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			*{
				/*
				 * margin 表示边框外面的留的空白，后面的0表示不留空白
				 * padding 表示边框内部带之间的填充，后面设置为0时表示不留空白
				 */
				margin: 0;
				padding: 0;
			}
			ul{
				list-style: none;
			}
			ul > li{
				border: 1px solid blue;
				width: 80px;
				height: 40px;
				/* 水平居中 */
				text-align: center;
				line-height: 40px;
				float: left;
			}
		</style>
	</head>
	<body>
		<ul>
			<li>1</li>
			<li>2</li>
			<li>3</li>
			<li>4</li>
		</ul>
		<div style="clear: both;" ></div>
		<a href="https://www.baidu.com/">百度</a>
	</body>
</html>

二师弟&

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web_margin,pading...

* 是表示针对HTML的所有元素。margin表示边框外面留的空白，后面的0表示不留空白。padding表示边框内部带内容之间填充，后面的0表示不留空白。border表示边框，后面的0px表示边框宽度为0像素，边框绘制方式none表示不绘制边框。代码演示<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <s
复制链接

扫一扫