簡(jiǎn)單的CSS代碼怎么寫

CSS代碼是用于描述HTML元素在網(wǎng)頁(yè)上的顯示的樣式，它可以控制元素的顏色、大小、位置等屬性，從而打造出豐富多彩的網(wǎng)頁(yè)，下面是一些簡(jiǎn)單的CSS代碼示例，幫助你快速入門CSS世界。

1、字體樣式

在CSS中，我們可以使用“font-family”屬性來設(shè)置字體樣式，將字體設(shè)置為“Arial”：

body {
  font-family: Arial;
}

2、字體大小

使用“font-size”屬性可以設(shè)置字體大小，將字體大小設(shè)置為16像素：

body {
  font-size: 16px;
}

3、字體顏色

使用“color”屬性可以設(shè)置字體顏色，將字體顏色設(shè)置為紅色：

body {
  color: red;
}

4、背景顏色

使用“background-color”屬性可以設(shè)置背景顏色，將背景顏色設(shè)置為藍(lán)色：

body {
  background-color: blue;
}

5、邊框樣式

使用“border”屬性可以設(shè)置邊框樣式，將邊框設(shè)置為2像素寬的黑色實(shí)線：

div {
  border: 2px solid black;
}

6、寬度和高度

使用“width”和“height”屬性可以設(shè)置元素的寬度和高度，將一個(gè)div的寬度設(shè)置為300像素，高度設(shè)置為200像素：

div {
  width: 300px;
  height: 200px;
}

7、浮動(dòng)和定位

使用“float”和“position”屬性可以控制元素的浮動(dòng)和定位，將一個(gè)div元素浮動(dòng)到右側(cè)：

div {
  float: right;
}