css能给p设置width和height吗?正确是怎么写的?

html-css017

css能给p设置width和height吗?正确是怎么写的?,第1张

您提供的HTML代码中，div元素的border属性值没有指定单位（如px），这可能导致浏览器无法正确解析该CSS规则，从而未正确应用样式。您可以将border的属性值修改为类似于border: 2px solid black的形式来指定边框的像素宽度、样式和颜色。

另外，如果该HTML代码是嵌入在其他HTML文档中的，您还需要将其放置在HTML文档的<body>标签中，以确保正确显示。以下是修改后的示例代码：

<!DOCTYPE html>

<html>

<head>

<title>示例</title>

<style type="text/css">

div.one {

width: 100px

height: 100px

border: 2px solid black

}

</style>

</head>

<body>

<h1>呵呵呵</h1>

<div class="one"><p>啊啊啊啊啊你你你</p></div>

</body>

</html>

在这个示例中，div元素的样式已经指定了单位，并且被嵌入在HTML文档的<body>标签中。这应该可以正常显示了。

1、新建一个html文件，命名为test.html，用于讲解css如何设置p标签文字四周空白的距离。

2、在test.html文件内，使用p标签创建一行文字，用于测试。

3、在test.html文件内，设置p标签的class属性为ptwo。

4、在test.html文件内，通过class设置p标签的样式，让p标签浮动向左，并定义它的背景色为灰色。

5、在css标签内，使用padding属性设置p标签的内边距为20px，从而实现文字四周空白距离的定义。以上就是css怎么把p便签放在div距离20px的方法。