CSS(層疊樣式表)是一種用于定義網頁布局、樣式和交互的編程語言。通過使用CSS,我們可以為網頁添加樣式,使其更具可讀性、可用性和吸引力。
下面是一個基本的CSS樣式表,用于定義一個紅色的三角形:
.triangle {
width: 100px;
height: 100px;
background-color: red;
border-radius: 50px 50px 0 0;
position: relative;
.triangle:before,
.triangle:after {
content: "";
position: absolute;
border-radius: 0 50px 50px 0;
width: 50px;
height: 50px;
background-color: red;
.triangle:before {
left: 0;
top: 0;
width: 0;
height: 0;
border-left: 50px solid red;
.triangle:after {
left: 50px;
top: 0;
width: 0;
height: 0;
border-right: 50px solid red;
上述代碼中,我們定義了一個名為“triangle”的CSS類,它包含了一個三角形的元素。我們使用border-radius屬性來定義三角形的形狀,使用content屬性來定義元素的內容,使用position屬性來指定元素的相對位置。
CSS還可以用于控制網頁的響應式布局和交互。通過使用CSS的響應式屬性,我們可以響應于瀏覽器和設備類型來控制網頁的布局和樣式。例如,如果我們想要在不同的瀏覽器和設備上呈現不同的樣式,我們可以使用viewport(視口)屬性。
CSS是一種強大的工具,可以幫助我們創建漂亮、易用的網頁。掌握CSS的基礎知識,可以讓我們更好地理解和使用它。