課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
表單中的輸入框如何讓它的邊框設置為虛線
2016-11-03
源自:初識HTML(5)+CSS(3)-升級版 6-2
正在回答
用css,
<style type="text/css">
?form{border-style=dashed;}
</style>
嘆丶流年 提問者
border為邊框屬性,如果要實現對象邊框效果,要設置邊框寬度、邊框顏色、邊框樣式(實線還是虛線)
border:1px dashed #F00 這個就是設置邊框樣式寬度為1px,虛線,虛線為紅色。
比如:
<!DOCTYPE?html>?
<html>?
????<head>?
????????<meta?charset="utf-8"?/>?
????????<title>html邊框虛線演示.</title>
?????????<style>?
?????????????.bor{border:1px?dashed?#F00;width:300px;height:60px;margin-top:10px}
?????????????span{display:block} ? /*css注釋說明:讓span形成塊*/?
????????</style>
?????</head>?
?????<body>?
????????????<p?class="bor">p盒子</p>?
????????????<span?class="bor">span盒子</span>?
????????????<ul?class="bor">?
????????????????<li>ul?li列表</li>
????????????????<li>ul?li列表</li>?
????????????</ul>?
????????????<table?class="bor">?
????????????????????<tr>?<td>表格</td>?<td>表格2</td>?</tr>?
????????????????????<tr>?<td>數據</td>?<td>數據2</td>?</tr>?
? ? ? ? ? ? </table>?
????</body>?
</html>?
css
CSS
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
4 回答表單輸入框顯示
3 回答如何能夠改變表單輸入框的大???
6 回答文本輸入框、密碼輸入框輸入格式中“/”是什么含義?
6 回答文本輸入框、密碼輸入框
3 回答文本輸入框,密碼輸入框
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-11-03
用css,
<style type="text/css">
?form{border-style=dashed;}
</style>
2016-11-03
border為邊框屬性,如果要實現對象邊框效果,要設置邊框寬度、邊框顏色、邊框樣式(實線還是虛線)
border:1px dashed #F00 這個就是設置邊框樣式寬度為1px,虛線,虛線為紅色。
比如:
<!DOCTYPE?html>?
<html>?
????<head>?
????????<meta?charset="utf-8"?/>?
????????<title>html邊框虛線演示.</title>
?????????<style>?
?????????????.bor{border:1px?dashed?#F00;width:300px;height:60px;margin-top:10px}
?????????????span{display:block} ? /*css注釋說明:讓span形成塊*/?
????????</style>
?????</head>?
?????<body>?
????????????<p?class="bor">p盒子</p>?
????????????<span?class="bor">span盒子</span>?
????????????<ul?class="bor">?
????????????????<li>ul?li列表</li>
????????????????<li>ul?li列表</li>?
????????????</ul>?
????????????<table?class="bor">?
????????????????????<tr>?<td>表格</td>?<td>表格2</td>?</tr>?
????????????????????<tr>?<td>數據</td>?<td>數據2</td>?</tr>?
? ? ? ? ? ? </table>?
????</body>?
</html>?
2016-11-03
css
2016-11-03
css
2016-11-03
CSS