CSS display元素类型转换

时间:5年前   阅读:6020

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
<style type="text/css">    
p{    
	border: 3px solid orange;    
	width: 100px;    
	/*转成行级元素*/    
	display: inline;    
}    
a{    
	width: 100px;    
	height: 100px;    
	border: 3px solid orange;    
	display: block;    
	text-decoration: none;    
	color: blue;    
}    
</style>    
</head>    
<body>    
<p>班组里还有</p>    
<p>跑了40多公里</p>    
<p>大年初一</p>    
<br /><br />    
<a href="">一天下来跑了40多公里</a>    
<a href="">忙的时候就要跑三趟</a>    
<a href="">算起来有60公里路</a>    
<a href="">一种至高的肯定和鞭策</a>    
</body>    
</html>

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知

上一篇:Excel图表添加平均线为指标制作方法

下一篇:上期所姜岩:大力推进黄金期货国际化 加快贵金属指数期货和期权衍生品研发

网友评论

请先 登录 再评论,若不是会员请先 注册