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