課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
表單中的輸入框如何讓它的邊框設(shè)置為虛線
2016-11-03
源自:初識HTML(5)+CSS(3)-升級版 6-2
正在回答
用css,
<style type="text/css">
?form{border-style=dashed;}
</style>
嘆丶流年 提問者
border為邊框?qū)傩?,如果要實現(xiàn)對象邊框效果,要設(shè)置邊框?qū)挾?、邊框顏色、邊框樣式(實線還是虛線)
border:1px dashed #F00 這個就是設(shè)置邊框樣式寬度為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>數(shù)據(jù)</td>?<td>數(shù)據(jù)2</td>?</tr>?
? ? ? ? ? ? </table>?
????</body>?
</html>?
css
CSS
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
4 回答表單輸入框顯示
3 回答如何能夠改變表單輸入框的大???
6 回答文本輸入框、密碼輸入框輸入格式中“/”是什么含義?
5 回答文本輸入框、密碼輸入框
6 回答文本輸入框、密碼輸入框
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-11-03
用css,
<style type="text/css">
?form{border-style=dashed;}
</style>
2016-11-03
border為邊框?qū)傩?,如果要實現(xiàn)對象邊框效果,要設(shè)置邊框?qū)挾?、邊框顏色、邊框樣式(實線還是虛線)
border:1px dashed #F00 這個就是設(shè)置邊框樣式寬度為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>數(shù)據(jù)</td>?<td>數(shù)據(jù)2</td>?</tr>?
? ? ? ? ? ? </table>?
????</body>?
</html>?
2016-11-03
css
2016-11-03
css
2016-11-03
CSS