https://www.andcycle.idv.tw/mediawiki/api.php?action=feedcontributions&feedformat=atom&user=218.165.215.33
TestingMediawiki - User contributions [en]
2026-05-17T01:20:35Z
User contributions
MediaWiki 1.43.3
https://www.andcycle.idv.tw/mediawiki/index.php?title=Computer:_Makeuper:_CSS:_Ex01&diff=7030
Computer: Makeuper: CSS: Ex01
2004-08-03T06:36:20Z
<p>218.165.215.33: </p>
<hr />
<div>----<br />
<br />
回到 [[Computer]] ‧ 回到 [[Computer: Makeuper]] ‧ 回到 [[Computer: Makeuper: CSS]]<br />
<br />
----<br />
最上面這個綠色的是原始碼，下面灰色那塊是顯示結果，最下方藍色的是說明文字。<br />
----<br />
<font color="green"><br />
<nowiki><div style=" margin-left:10%; margin-right:10%; padding:12px; font-size:24px; text-align:left; text-indent:48px; background-color:#aaaaaa; color:blue; "></nowiki><br><br />
test<br><br />
<br><br />
我是測試用的文字啦～<br><br />
<br><br />
測試用測試用測試用測試用測試用測試用測試用測試用測試用測試用測試用測試用測試用測試用測試用測試用測試用測試用測試用<br><br />
<nowiki></div></nowiki><br />
</font><br />
----<br />
<div style=" margin-left:10%; margin-right:10%; padding:12px; font-size:24px;<br />
text-align:left; text-indent:48px; background-color:#aaaaaa; color:blue; "><br />
test<br />
<br />
<br />
我是測試用的文字啦～<br />
<br />
測試用測試用測試用測試用測試用測試用測試用測試用測試用測試用測試用測試用<br />
測試用測試用測試用測試用測試用測試用測試用<br />
</div><br />
----<br />
<font color="blue">margin-left<br> margin-right<br> padding<br> font-size<br> text-align<br> text-indent<br> background-color<br> color</font><br />
<br><br><br><br />
現在要來解說該區塊（<nowiki><div></nowiki>）內的各屬性的意義，各屬性後要接冒號「:」進行"值"的指定，接著要再接分號「;」以跟不同的屬性做區隔。請多多在 [[Sand Box]] 中進行嘗試。<br />
<br />
margin-left 和 margin-right ：左右邊界，後面接的數字的單位為像素（px）或是百分比（%）。<br />
<br />
padding：內文與各個邊的間隔距離，也可以像上面的 margin 一樣在後方接上「top bottom left right」以各別指定各個邊，後面接的數字的單位為像素（px）。<br />
<br />
font-size：文字大小，後面接的數字的單位為像素（px）。<br />
<br />
text-align：文字對齊，後接 left center right 。<br />
<br />
text-indent：開頭內縮，後面接的數字的單位為像素（px）。<br />
<br />
background-color：背景顏色，可直接填顏色名稱進去，或用十六進位的RGB指定法指定顏色，如 #ff0000 就是紅色。<br />
<br />
color：文字顏色。指定法同背景顏色。<br />
<br />
----</div>
218.165.215.33