一,效果圖。
二,代碼。
DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Display(顯示)title>
<style>
h1.hidden {
display: none;
}
li {
display: inline;
}
span {
display: block;
}
style>
head>
<body>
<h1>this is a visible headingh1>
<h1 class="hidden">this is a hidden headingh1>
<p>notice that the hidden heading still takes up space.p>
<ul>
<li><a href="/html" target="_blank">HTMLa>li>
<li><a href="/css/" target="_blank">CSSa>li>
<li><a href="/js/" target="_blank">JavaScripta>li>
<li><a href="/xml/" target="_blank">XMLa>li>
ul>
<h2>nirvanah2>
<span>Record: MTV Unplugged in New Yorkspan>
<span>Year: 1993span>
<h2>Radioheadh2>
<span>Record: OK Computerspan>
<span>Year: 1997span>
body>
html>
?
參考資料:《菜鳥教程》
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/1247.html
一,效果圖。 二,代碼。 DOCTYPE html> CSS 教程 body { background-color: #d0e4fe; } h1 { color: range; text-align: center; } p { fon...
一,效果圖。 二,代碼。 DOCTYPE html> CSS 語法 p { color: red; text-align: center; } Hello world! this paragraph is styled with css ? 參考資料:《菜鳥教程》
一,效果圖。 二,代碼。 DOCTYPE html> CSS id和class選擇器 #para1 { text-align: center; color: red; } .center { text-align: center; } p.center...
摘要:實(shí)例改文本插入在元素中該段落有自己的背景顏色背景圖片不重復(fù),設(shè)置實(shí)例背景圖片只顯示一次,并與文本分開實(shí)例中還添加了屬性用于讓圖片與文本間隔開參考資料菜鳥教程一,效果圖。 二,代碼。 DOCTYPE html> CSS backgrounds h1 { background-color: #6495ed; } ...
摘要:文本加上上劃線全變成大寫文本的第一行縮進(jìn)加上下劃線全變成小寫加上下劃線首字母大寫去掉鏈接的下劃線參考資料菜鳥教程一,效果圖。 ? 二,代碼。 ? ? DOCTYPE html> CSS Test(文本) body { color: red } h1 { color: #00ff00; ...
閱讀 1146·2021-11-23 10:04
閱讀 2406·2021-11-22 15:29
閱讀 2772·2021-11-19 09:40
閱讀 721·2021-09-22 15:26
閱讀 2123·2019-08-29 16:27
閱讀 2490·2019-08-29 16:10
閱讀 1924·2019-08-29 15:43
閱讀 3281·2019-08-29 12:43