亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

邊框設置問題

<title>邊框</title>

<style type="text/css">

li{

? ? border:2px dotted #ccc;

? ? border-bottom:1px dotted #ccc;

}

</style>

</head>

<body>

<ul>

? ? <li>別讓不會說話害了你</li>

? ? <li>二十七八歲就應該有的見識</li>

? ? <li>別讓不好意思害了你</li>

</ul>

</body>

這一段代碼顯示之后是只有最下面的邊框變成了1px 那如何實現每一行文字下的邊線都變成1px呢

正在回答

6 回答

<title>邊框</title>

<style type="text/css">

li{

? ? border-width:1px 1px 0px ;

? ? border-style:dotted;

? ? border-color:#ccc;

? ?

}

#last{border:1px dotted #ccc;


}

</style>

</head>

<body>

<ul>

? ? <li>別讓不會說話害了你</li>

? ? <li>二十七八歲就應該有的見識</li>

? ? <li id="last">別讓不好意思害了你</li>

</ul>

</body>


0 回復 有任何疑惑可以回復我~
#1

Grush 提問者

非常感謝!
2016-04-05 回復 有任何疑惑可以回復我~
#2

Grush 提問者

你可以在講解一下為什么這么這只就可以實現了么
2016-04-05 回復 有任何疑惑可以回復我~
#3

Zune 回復 Grush 提問者

border-width:1px 1px 0px ;這句意思是不設置底框,你的問題是看上去行與行之間兩條線框重合了
2016-04-13 回復 有任何疑惑可以回復我~

5741cc050001268004450188.jpg

5741cc0500010b3f05000157.jpg

這樣應該能看清楚一點

0 回復 有任何疑惑可以回復我~

還看不清 就加個 margin=10px;

0 回復 有任何疑惑可以回復我~

這不是代碼的問題,是你的視覺問題,你把 那 兩段代碼 隨意 換個顏色 ?看就行了。

0 回復 有任何疑惑可以回復我~

你看錯了,三行的下邊框都是1px,只不過第二行的上邊框是2px,給你造成的視覺上的錯誤

http://img1.sycdn.imooc.com//570b684e0001561c09690664.jpg

0 回復 有任何疑惑可以回復我~
#1

慕的地7212579

為什么我打出來第三行比前兩行窄?
2016-11-03 回復 有任何疑惑可以回復我~

li{

? ? border-bottom:1px dotted #ccc;

}


0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學習       1228734    人
  • 解答問題       19080    個

HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義

進入課程

邊框設置問題

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號