Archive


Category: 來玩CSS

  • [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> </body></html>

  • [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>

  • [CSS] 調整按鈕中文字的位置

    <html><head><title>調整按鈕中文字的位置</title></head><body><button style=”width:100px; height:50px;padding-top:30px;”>文字在按鈕的底部</button></body></html>

  • [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>