CSS是一種用于設置網頁外觀的樣式表語言。其中一項常見任務是把內容放在框框里,這對于網頁布局非常重要。下面我們將了解CSS如何實現這個目標。
.box { border: 1px solid black; /*添加黑色實線邊框*/ width: 200px; /*設置寬度為200像素*/ height: 100px; /*設置高度為100像素*/ padding: 10px; /*設置內邊距為10像素,讓內容和邊框之間有一定距離*/ }
在上面的代碼片段中,我們定義了一個類名叫做“box”的樣式規則,其中包含一些屬性。其中最重要的是border、width和height。通過這些屬性,我們可以設置框框的大小和形狀。padding屬性用于調整內容與框框之間的距離。
接下來,我們可以把HTML中的內容放在框框里:
這里是框框內的內容。
上面的代碼片段中,我們使用了類選擇器把樣式規則應用到了一個
元素,并在其中包含了一個
元素,這個
元素包含了一些文本,這個文本將會呈現在框框中。
通過這些HTML和CSS代碼,我們可以為網頁創建簡單的布局,把內容放在固定大小的框框中。