MasterDragon - program:css
http://wiki.lang.idv.tw/
2026-06-05T19:23:02+00:00
MasterDragon
http://wiki.lang.idv.tw/
http://wiki.lang.idv.tw/_media/wiki/dokuwiki.svg
-
text/html
2019-11-16T08:12:44+00:00
Anonymous (anonymous@undisclosed.example.com)
listitem
http://wiki.lang.idv.tw/program/css/listitem?rev=1573891964&do=diff
List Item
橫向清單
使用 float 於 li。
li {
float: left;
}
結果預覽：
<html>
<style>
#item1 li {
float: left;
margin-right: 5px;
}
</style>
<body>
<table border=“1”>
<tr><td>Default</td><td>float: left;</td>
<tr>
<td>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
-
text/html
2019-11-16T08:12:44+00:00
Anonymous (anonymous@undisclosed.example.com)
shadow
http://wiki.lang.idv.tw/program/css/shadow?rev=1573891964&do=diff
Shadow
使用 CSS 中的 filter+shadow 來制做，可惜不支援 FireFox。
code
<html>
<head>
<title> shadow</title>
<style>
.shadow{
width:100%;
filter:shadow(color=#cc66ff,direction=135);
}
.dropshadow{
width:100%;
filter:dropshadow(color=#cc66ff,offx=8,offy=8,positive=1);
}
</style>
</head>
<body>
<div style="font-family:bailey;font-size:48pt;font-weight:bold;color:#FF9900;" class="shadow">
Hongen Online
</div>
<div style="font-family:bailey;font-size:48pt;font-weight:bold;color:#FF9900;" class="dropshadow">…