CSS伪元素是CSS中一个非常常用的特性，可以在HTML元素中添加内容，而无需改变HTML的结构。而CSS伪元素中，最常用的就是before和after伪元素。通过这两个伪元素，我们可以用CSS来添加内容以及美化网页元素。不过，有时我们遇到的问题是如何调节伪元素的大小。那么我们就可以使用CSS中的width和height属性来调节伪元素的大小。

//调节before伪元素的大小
p::before {
content: "Before";
width: 100px;
height: 50px;
display: inline-block;
background-color: #f00;
}
//调节after伪元素的大小
p::after {
content: "After";
width: 50px;
height: 100px;
display: inline-block;
background-color: #00f;
}

上面的代码中，我们使用了CSS中的width和height属性来调节before和after伪元素的大小。同时，我们也可以使用display属性来调整伪元素的显示方式，如display:inline-block使伪元素显示为一个内联块元素。通过这些属性的调节，我们可以为网页元素添加不同的装饰和样式。