style='border-collapse:collapse'
- 8月 31 週一 201514:53
[CSS] 讓你的邊框border成為直線,不要有間隔
- 5月 21 週四 201511:05
[CSS] 使用...來取代過長的文字
<html>
<head>
<title>以...來替代過長的文字</title>
</head>
<body>
<DIV STYLE="width: 150px; height: 50px; border: 1px solid black;
overflow: hidden; text-overflow:ellipsis" id="mydiv">
<nobr>這是一段很長的文字，希望通過省略號實現</nobr>
</DIV>
<head>
<title>以...來替代過長的文字</title>
</head>
<body>
<DIV STYLE="width: 150px; height: 50px; border: 1px solid black;
overflow: hidden; text-overflow:ellipsis" id="mydiv">
<nobr>這是一段很長的文字，希望通過省略號實現</nobr>
</DIV>
- 5月 21 週四 201510:32
[CSS] 表單常用的底線輸入框
<html>
<head>
<title>表單常用的底線輸入框</title>
</head>
<body>
默認的輸入框<input type="text" id="Text1" size="15" /><br>
只有底線的輸入框<input type="text" name="txt1" size="15" style=" border:1px; border-bottom-style: solid;border-top-style: none;border-left-style:none;border-right-style:none;">
</body>
</html>
<head>
<title>表單常用的底線輸入框</title>
</head>
<body>
默認的輸入框<input type="text" id="Text1" size="15" /><br>
只有底線的輸入框<input type="text" name="txt1" size="15" style=" border:1px; border-bottom-style: solid;border-top-style: none;border-left-style:none;border-right-style:none;">
</body>
</html>
- 5月 19 週二 201521:45
[CSS] 調整按鈕中文字的位置
<html>
<head>
<title>調整按鈕中文字的位置</title>
</head>
<body>
<button style="width:100px; height:50px;padding-top:30px;">文字在按鈕的底部</button>
</body>
</html>
<head>
<title>調整按鈕中文字的位置</title>
</head>
<body>
<button style="width:100px; height:50px;padding-top:30px;">文字在按鈕的底部</button>
</body>
</html>
- 5月 19 週二 201517:26
[CSS] 按鈕滑鼠經過變色
<html>
<head>
<title>按鈕滑鼠經過變色</title>
<style type="text/css">
.over {color:yellow; background: navy}
.down {color:yellow; background: navy; font-style: italic}
</style>
</head>
<body>
<input type="Button"
onMouseOver="this.className='over';"
onMouseOut="this.className='';"
onMouseDown="this.className='down';"
onMouseUp="this.className='over';"
value="按我!!"
onClick="this.value='被按了！'" name="Button">
</body>
</html>
<head>
<title>按鈕滑鼠經過變色</title>
<style type="text/css">
.over {color:yellow; background: navy}
.down {color:yellow; background: navy; font-style: italic}
</style>
</head>
<body>
<input type="Button"
onMouseOver="this.className='over';"
onMouseOut="this.className='';"
onMouseDown="this.className='down';"
onMouseUp="this.className='over';"
value="按我!!"
onClick="this.value='被按了！'" name="Button">
</body>
</html>
1
綜合知識 (3)