CSS样式（中）

最新推荐文章于 2022-04-08 14:38:46 发布

易23

最新推荐文章于 2022-04-08 14:38:46 发布

阅读量89

点赞数

分类专栏： HTML/CSS/JS

本文链接：https://blog.csdn.net/ygb_2739555482/article/details/112686259

版权

HTML/CSS/JS 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

CSS样式（中）

font补充

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
		p{
			border: 2px solid red;
			width: 100px;
			height: 50px;
			line-height: 50px;
			font-size: 15px;
			font-family: 华文彩云;
			/*font: 15px/50px 华文彩云;
			line-height不能和font一同使用,font字体大小/line-height值*/
		}
		</style>
	</head>
	<body>
		<p>郑州高新区</p>
		<div style="border-bottom:1px solid red ;">工业大学</div>
	</body>
</html>

浮动（重点）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			span{
				border: 1px solid black;
			}
			.s{
				float: left;
			}
			#d:after{
				content: "";
				clear: left;
				display: block;
			}
		</style>
	</head>
	<body>
		<span>中国</span>
		<span>中国</span>
		<br /><br />
		<div id="d" style="border: 1px solid black;">
			<span class="s">郑州</span>
			<span class="s">郑州</span>
			<!--<div style="clear: left;"></div>-->
		</div>
		
	</body>
</html>

list-style

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			ul{
				/*list-style-type:square;
				list-style-image:url(mg/arrow.git) ;
				list-style-position:inside;*/
				/*list-style: square url(img/arrow.git) inside;  (缩写)*/
				list-style: none;
			}
			li{	height:49px ;
				border-bottom: 1px solid #e1e3e5;
				font: 16px/49px Arial,"microsoft yahei";
			}
			#last{
				border-bottom:none ;
			}
			a{
				text-decoration: none;
				color: rgb(51,51,51);
			}
			#first{
				color: #4c92fc;
			}
		</style>
	</head>
	<body>
		<ul>
			<li><a id="first" href="http://www.baidu.com">首页</a></li>
			<li><a href="http://www.baidu.com">公司概况</a></li>
			<li><a href="http://www.baidu.com">股票资讯</a></li>
			<li><a href="http://www.baidu.com">新浪动态</a></li>
			<li><a href="http://www.baidu.com">财务信息</a></li>
			<li><a href="http://www.baidu.com">投资者日</a></li>
			<li id="last"><a href="http://www.baidu.com">联系我们</a></li>
		</ul>
	</body>
</html>

易23

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS样式（中）

CSS样式（中） font补充<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> p{ border: 2px solid red; width: 100px; height: 50px; line-height: 50p...
复制链接

扫一扫