CSS是前端开发中的重要技术之一，它可以让我们更好地控制网页的样式。在网页设计中，框架是常见的布局方式之一，下面我们来介绍一下CSS中怎样画框架。首先，我们需要创建一个容器，来装载框架所包含的内容。我们可以通过设置容器的宽度、高度和边框来完成基本的框架样式。

.container{
  width: 500px; /*设置容器宽度*/
  height: 300px; /*设置容器高度*/
  border: 1px solid black; /*设置容器边框*/
}

接下来，我们可以在容器中添加元素，并设置它们的位置和大小。在本例中，我们将在容器中放置一个标题和三个内容框，使用绝对定位将它们放置在不同的位置。

.container h1{
  text-align: center; /*设置标题居中*/
  width: 100%; /*设置标题宽度*/
  top: 0; /*将标题放置在容器顶部*/
  position: absolute; /*使用绝对定位*/
}
.container .box1{
  width: 250px; /*设置框1宽度*/
  height: 150px; /*设置框1高度*/
  top: 50px; /*将框1放置在容器顶部，向下50px*/
  left: 0; /*将框1放置在容器左侧*/
  border: 1px solid black; /*设置框1边框*/
  position: absolute; /*使用绝对定位*/
}
.container .box2{
  width: 250px; /*设置框2宽度*/
  height: 150px; /*设置框2高度*/
  top: 50px; /*将框2放置在容器顶部，向下50px*/
  right: 0; /*将框2放置在容器右侧*/
  border: 1px solid black; /*设置框2边框*/
  position: absolute; /*使用绝对定位*/
}
.container .box3{
  width: 100%; /*设置框3宽度*/
  height: 100px; /*设置框3高度*/
  top: 200px; /*将框3放置在容器顶部，向下200px*/
  left: 0; /*将框3放置在容器左侧*/
  border: 1px solid black; /*设置框3边框*/
  position: absolute; /*使用绝对定位*/
}

通过以上代码，我们就成功地画出了一个基本的框架。CSS具有非常丰富的样式选项，我们可以根据需要自定义框架的外观，从而实现更加个性化、专业化的网页设计。