PHP 是一種非常流行的服務器端腳本語言,它能夠幫助開發者構建動態的網頁。
若想要讓網頁頁面表現力更加出色,不僅需要編寫好 PHP 代碼,還需要添加 CSS 樣式來控制其外觀。
具體實現過程如下:
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <!-- 這里鏈接樣式表 --> <title>PHP 添加 CSS 樣式</title> </head> <body> <?php // 這里可以添加 PHP 代碼 ?> <div class="box"> <p>Hello, World!</p> </div> <!-- 這里添加 HTML 元素,通過 class 樣式選擇器來控制其樣式 --> </body> </html>
在上面的代碼中,我們添加了一個<link>
元素,在其中指定了一個 CSS 樣式表文件style.css
。這樣,在網頁加載時,瀏覽器將從該文件加載樣式表,并根據其中定義的樣式渲染該頁面。
我們還創建了一個<div>
元素,并指定了一個class
屬性值為"box"
。這個class
名稱會在樣式表中被注冊,然后被用來控制該元素的樣式。
下面是我們style.css
文件的代碼:
.box { width: 200px; height: 200px; background-color: #f1f1f1; border: 1px solid #ccc; padding: 20px; } .box p { font-size: 24px; color: #333; }
我們可以看到,在該文件中,我們使用了.box
和.box p
選擇器來控制<div>
元素的樣式,以及其子元素<p>
的樣式。
通過這樣的方式,我們就能夠為 PHP 編寫的動態網頁添加 CSS 樣式,使其更具表現力。