整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
廓線(outstyle)
比較常見于表單和鏈接等 。
outline-style:none; 取消谷歌、360等藍色邊框
:focus 獲得焦點的狀態, 鼠標的光標就是焦點
.username:focus{ /*獲得焦點的狀態*/
border:1px dashed pink;
background-color:#FFF7FB;
color:pink;
}取消表單邊框
因為表單在不同瀏覽器里面, 以后不同的顯示方式。
所以, 一般情況下, 我們會把所有的表單都去掉邊框。
border: 0 none; 兼容性更好的寫法Label 標簽
<label for="txt">搜索一下</label>: <input type="text" id="txt" class="search" value="請輸入..." />這樣, 我們點擊搜索一下, 光標就跳到了相應id的 input 里面了
完整實例:
.表格的寬度 高度 邊框 <width> <height> <border>
2.表格的背景顏色和圖片 <colcr>顏色背景圖片顏色可通過<background> <bgcolor>背景顏色
3.表格以及單元格內容的對齊方式 <aligh>分為<right>右對齊 <center>居中對齊 <left>左對齊
4.單元格的填充和間距 <cellspacing>間距 <cellpadding>填充
5.<font>標簽可以設置字體字號以及顏色
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>優化表格</title>
</head>
<body>
<table border="0" width="395" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4" background=""><font color="white"></font><b> 本周暢銷筆記本排名top3<font></font></b></td>
</tr>
</table>
<table>
<tr>
<td>
<table>
<tr>
<td colspan="2">京東超市/td>
</tr>
<tr>
<td colspan="2">< img src="img/1.jpg" alt=""></td>
</tr>
<tr>
<td>< img src="img/人.png" alt=""></td>
<td>< img src="img/羅賓.jpg" alt=""></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
者：悅然wordpress建站(悅然建站）
繼續分享wordpress建站教程。之前悅然建站給大家分享過Contact Form 7表單插件，這款插件雖然好用，但是它默認的表單樣式都是最簡單的，不是很好看。想要修改表單模塊的樣式一般有兩個方法，一個是使用CSS，另外一個是使用wordpress插件。使用CSS會比較復雜，這里就不多說了，會的都會，不會的也不是簡單幾句話能講清楚的，接下來悅然建站還是介紹使用插件修改的方法，如上圖就是使用插件美化過的表單。
今天給大家分享的wordpress插件是WOW Style Contact Form 7，這是一個專門配合Contact Form 7表單插件使用的。
WOW Style Contact Form 7插件是需要收費的，不過免費的也能用，但只能設置一個表單，免費夠用，如果感覺好用也可以選擇購買。插件可以直接在wordpress建站后臺搜索下載安裝。
安裝之后進入插件設置，它會自動識別出Contact Form 7創建的表單，選中對應的表單，然后在左邊設置效果就可以了，可以設置表單背景（付費版功能）、字體、邊框、按鈕樣式等等，功能很豐富，而且設置頁面可以與原來的樣式相互對照，覺得效果滿意之后保存即可。插件的具體使用大家可以安裝體驗一下，并沒有什么操作上的難點，點點鼠標即可。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
