在網頁設計中，文字是最基本的元素之一，而為文字加上div可以讓文字更好看更有吸引力。下面我們就來介紹一些CSS代碼，讓你了解如何給文字加上div。

div {
width: 100%;
height: auto;
border: 1px solid black;
}
div p {
margin: 0;
padding: 10px;
font-size: 16px;
font-family: Arial, sans-serif;
color: #333;
}

以上代碼是一個最基本的div樣式，其中width：100%可以讓div的寬度和網頁寬度相同；height:auto可以使div的高度根據內容的大小自適應；border: 1px solid black則給div加上1像素的邊框，顏色為黑色。

接下來是給p標簽加上樣式。margin:0用于去掉p標簽的默認外邊距，padding:10px可以讓文字與div的邊框保持一定距離，同時增加了可讀性；font-size:16px定義了文字的大小；font-family: Arial, sans-serif選擇了字體；color:#333定義了文字的顏色為深灰色。

我們還可以在樣式中加上一些其他的屬性，比如text-align:center可以讓p標簽中的文字居中對齊；line-height可以設置文字行高，使得文字布局更加美觀和清晰。

現在你已經了解了如何利用CSS給文字加上div，是不是感覺設計網頁變得更加輕松了呢？繼續學習吧！