Div+CSS网页制作教程:Button样式的设置方法
制作按钮时,我们可能平常都用“<button>”、“input[type=rest]”、“input[type="submit"]”和“input[type=button]”较多,如果你想让你的按钮漂亮,记得加上下面的样式:
/*IE下除去多余的边距 */
.button{
overflow: visible;
}
/* Firefox下去除焦点虚线框 */
.button::-moz-focus-inner{
border: 0;
padding: 0;
}
/*实现图片按钮*/
.button {
font: 0/0 a;
color: transparent;
}
另外在这些按钮中使用padding值来代替行高居中的效果,在firefox和opera浏览器下只识别默认行高:
Word教程网 | Excel教程网 | Dreamweaver教程网 | Fireworks教程网 | PPT教程网 | FLASH教程网 | PS教程网 |
HTML教程网 | DIV CSS教程网 | FLASH AS教程网 | ACCESS教程网 | SQL SERVER教程网 | C语言教程网 | JAVASCRIPT教程网 |
ASP教程网 | ASP.NET教程网 | CorelDraw教程网 |