想要讓CSS盒模型在屏幕中間顯示，可以嘗試以下幾種方法。

1. 將CSS代碼放在外部樣式表中，然后在HTML文件中使用link標簽連接。

<link rel="stylesheet" type="text/css" href="style.css">

在外部樣式表中，使用margin屬性使CSS盒模型在水平和垂直方向上居中。

div{
width: 200px;
height: 200px;
background-color: #ccc;
margin: auto;
}

2. 在HTML文件中，使用style標簽嵌入CSS代碼。

<style>
div{
width: 200px;
height: 200px;
background-color: #ccc;
margin: auto;
}
</style>

3. 使用flexbox布局。

body{
display: flex;
justify-content: center;
align-items: center;
}
div{
width: 200px;
height: 200px;
background-color: #ccc;
}

以上方法都可以將CSS盒模型居中顯示。其中，第三種方法使用flexbox布局可以讓居中顯示的效果更加靈活，可以適應不同尺寸和布局的CSS盒模型。