15.css变成块元素,内联元素,行内元素,隐藏元素(保留和不保留)

html-css014

15.css变成块元素,内联元素,行内元素,隐藏元素(保留和不保留),第1张

通过display样式可以修改元素的类型

可选值:

修改后

可以用来设置元素的隐藏和显示的状态

可选值:

用CSS把文字与设置的背景变成一个“块”,首先我们需要做的就是将这个行级的元素变成块级元素,我们一般是通过display:block;来实现,然后在给这个块width和height,然后我们设置的背景就都能显示了,这里通过代码来理解:

<html>

<head>

<style>

.p{

display:block

width:200px

height:100px

border:1px solid #f00

background:url('图片地址')

}

</head>

<body>

<div class='wenzi'>

<p>我的数据</p>

</div>

</body>

</html>