在网页设计中，加入视频可以让页面更加丰富，吸引更多的用户。在CSS样式中，我们可以通过添加特定的代码来实现添加视频的效果。
首先，我们需要使用HTML标签来嵌入视频。使用HTML5环境下的video标签即可。

<video width="640" height="360" controls>
<source src="video.mp4" type="video/mp4">
</video>

这段代码中，其中width和height可以设置视频的长宽比例大小，controls代表是否能控制视频的播放，source则是视频的路径和类型。
接着，我们需要使用CSS样式来美化视频的外观。首先可以设置视频的位置和大小，使用position属性控制视频的摆放位置。

<style>
video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
height: 80%;
}
</style>

这段代码中，里面对video标签进行样式设置，其中position:absolute将视频定位在父元素中心，top和left则是设置网页上下左右距离，transform属性可以控制视频的位置偏移，并且使用百分比设置宽和高来适应窗口大小。
最后，我们需要注意支持不同浏览器的视频格式，使用不同类型的source标签。

<video width="640" height="360" controls>
<source src="video.mp4" type="video/mp4">
<source src="video.ogv" type="video/ogg">
<source src="video.webm" type="video/webm">
</video>

这段代码中，我们添加了视频的ogg和webm格式，以便不同浏览器可以更好的支持视频播放。
总结一下，要在CSS样式中加入视频，需要使用HTML5的video标签来嵌入视频，通过CSS样式设置视频位置大小来控制视频的播放效果，并且需要注意不同浏览器的视频格式支持。