CSS 3之美化表格样式（二）
生活随笔
收集整理的這篇文章主要介紹了
CSS 3之美化表格样式（二）
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
美化表格樣式（二）
- 1. 美化提交按鈕
1. 美化提交按鈕
在定義表單元素邊框時，可采用 border-style、border-width 和 border-color及其衍生屬性；
若要對表單元素設置背景色，可采用 background-color 屬性，其中將值設置為 transparent（透明色）是最常用的一種方式；
代碼如下所示：
例子 1：
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>表單元素邊框設置</title><style type="text/css">form{margin: 0px;padding: 0px;font-size: 16px;}input{font-size: 16px;font-family: 楷體;}.n{border-bottom: 1px solid #006;color:#006 ;border-top: 0px;border-left: 0px;border-right: 0px;background-color: transparent;}.m{background-color: transparent;border: 1px;}</style></head><body><center><h2>簽到表</h2><form action="" method="post">簽到：<input id="name" class="n" /><input type="submit" value="提交" class="m" /></form></center></body> </html>總結
以上是生活随笔為你收集整理的CSS 3之美化表格样式（二）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 最近提交一个mysql5.7的bug,提
- 下一篇： CSS3学习手记（10） 过渡