浅析css中使用border属性与display属性的方法

2020-05-16 07:06:13易采站长站整理
h1
标签转换为行内元素。

代码块

 


<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>将h1标签转换为行内元素</title>
<style>
.box{
width: 200px;
height: 100px;
display: inline;
background-color: red;
}
</style>
</head>

<body>
<h1 class="box">微笑是最初的信仰</h1>
</body>

</html>

结果图

注意:如果块级元素使用了

display: inline;
,就拥有了行内元素特点。

总结

以上所述是小编给大家介绍的css中使用border属性与display属性的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!