CSS內聯式是一種將CSS樣式直接嵌入到HTML標簽中的方法,它適用于對單個標簽進行樣式設置。下面是一個簡單的例子:
<p style="color:red;font-size:20px;">這是一個紅色、字號為20px的段落</p>
在這個例子中,我們使用了style屬性來嵌入CSS樣式,其中color屬性設置文本顏色為紅色,font-size屬性設置字號為20像素。使用CSS內聯式可以非常方便地為單個標簽設置樣式,但它不適用于對整個網頁進行樣式設置。
除了上述例子中的顏色和字號,我們還可以使用其他屬性和值來設置樣式。以下是一些常用屬性及其用法:
color: 設置文本顏色 background-color: 設置背景顏色 font-family: 設置字體 font-size: 設置字號 font-weight: 設置字重 text-align: 設置文本對齊方式 margin: 設置外邊距 padding: 設置內邊距 border: 設置邊框
以上例子中的屬性和值都可以通過內聯式樣式來設置,例如:
<p style="color:green;background-color:yellow;font-family:Arial;font-size:16px;font-weight:bold;text-align:center;margin:10px;padding:5px;border:1px solid black;">這是一個綠色背景、黃色字體、Arial字體、16像素字號、加粗字體、居中對齊、10像素外邊距、5像素內邊距、黑色邊框的段落 </p>
總之,CSS內聯式可以方便地對單個標簽進行樣式設置,但其適用范圍有限,使用時需要注意。
上一篇css寫ps里的疊加
下一篇html1k代碼