一, 效果圖。
二,代碼。
?
DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS 分組和嵌套title>
<style>
h1,
h2,
p {
color: green;
}
.marked {
background-color: red;
}
.marked p {
color: white;
}
style>
head>
<body>
<h1>hello h1>
<h2>spanh2>
<p>this is a paragraphp>
<div class="marked">
<p>this is pp>
div>
body>
html>
?
參考資料:《菜鳥教程》
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/1248.html
一,效果圖。 二,代碼。 DOCTYPE html> CSS id和class選擇器 #para1 { text-align: center; color: red; } .center { text-align: center; } p.center...
一,效果圖。 二,代碼。 DOCTYPE html> CSS 教程 body { background-color: #d0e4fe; } h1 { color: range; text-align: center; } p { fon...
一,效果圖。 二,代碼。 DOCTYPE html> CSS 語(yǔ)法 p { color: red; text-align: center; } Hello world! this paragraph is styled with css ? 參考資料:《菜鳥教程》
摘要:實(shí)例改文本插入在元素中該段落有自己的背景顏色背景圖片不重復(fù),設(shè)置實(shí)例背景圖片只顯示一次,并與文本分開(kāi)實(shí)例中還添加了屬性用于讓圖片與文本間隔開(kāi)參考資料菜鳥教程一,效果圖。 二,代碼。 DOCTYPE html> CSS backgrounds h1 { background-color: #6495ed; } ...
摘要:文本加上上劃線全變成大寫文本的第一行縮進(jìn)加上下劃線全變成小寫加上下劃線首字母大寫去掉鏈接的下劃線參考資料菜鳥教程一,效果圖。 ? 二,代碼。 ? ? DOCTYPE html> CSS Test(文本) body { color: red } h1 { color: #00ff00; ...
閱讀 3364·2021-11-11 16:54
閱讀 3523·2021-10-11 10:58
閱讀 1262·2021-08-30 09:41
閱讀 1808·2019-08-30 15:54
閱讀 2032·2019-08-30 14:00
閱讀 2706·2019-08-29 17:13
閱讀 1672·2019-08-29 15:19
閱讀 613·2019-08-29 15:14