摘要:
<1>字母大小寫 1 <html> 2 <head> 3 <style type="text/css"> 4 h1 {text-transform: uppercase} 5 p.uppercase {text-transform: uppercase} 6 p.lowercase {text-transform: lowercase} 7 p.capitalize {text-transform: capitalize} 8 </style> 9 </head>10 11 <body>12
閱讀全文
摘要:
<1>.對齊文本 1 <html> 2 <head> 3 <style type="text/css"> 4 h1 {text-align: center} 5 h2 {text-align: left} 6 h3 {text-align: right} 7 </style> 8 </head> 9 10 <body>11 <h1>這是標題 1</h1>12 <h2>這是標題 2</h2>13 <h3>這是標題 3</h3&g
閱讀全文
摘要:
<1>.用比例設置行間距 1 <html> 2 <head> 3 <style type="text/css"> 4 p.small {line-height: 90%} 5 p.big {line-height: 200%} 6 </style> 7 </head> 8 9 <body>10 <p>11 這是擁有標準行高的段落。12 在大多數瀏覽器中默認行高大約是 110% 到 120%。13 這是擁有標準行高的段落。14 這是擁有標準行高的段落。15 這...
閱讀全文
摘要:
CSS設置文本字符間的距離 1 <html> 2 <head> 3 <style type="text/css"> 4 h1 {letter-spacing: -0.5em} 5 h4 {letter-spacing: 20px} 6 </style> 7 </head> 8 9 <body>10 <h1>This is header 1</h1>11 <h4>This is header 4</h4>12 </body>13 </htm
閱讀全文
摘要:
<1>.設置文本顏色 1 <html> 2 <head> 3 <style type="text/css"> 4 body {color: red} 5 h1 {color: #00ff00} 6 p.ex {color: rgb(0,0,255)} 7 </style> 8 </head> 9 10 <body>11 <h1>這是 heading 1</h1>12 <p>這是一段普通的段落。請注意,該段落的文本是紅色的。在 body 選擇器中定義了本頁面
閱讀全文