課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
這里邊框可以設置粗細,顏色,還有線型,那填充部分邊界部分怎么設置不了顏色等其他屬性
2016-05-08
源自:初識HTML(5)+CSS(3)-升級版 12-7
正在回答
我覺得用background color可以達到你要的效果
<!DOCTYPE html> ? ?
<html> ? ?
<head> ? ?
<title>Box example</title> ? ?
<style type="text/css"> ? ?
/* No borders set */ ? ?
ul { ? ?
background: yellow; ? ?
margin: 12px 12px 12px 12px; ? ?
padding: 3px 3px 3px 3px ? ?
} ? ?
li { ? ?
color: white; ? ? ? ? ? ? ? ?/* text color is white */ ? ?
background: blue; ? ? ? ? ? ?/* Content, padding will be blue */ ? ?
padding: 12px 0px 12px 12px; /* Note 0px padding right */ ? ?
list-style: none ? ? ? ? ? ? /* no glyphs before a list item */ ? ?
li.withborder { ? ?
/*border-style: ridge;*/ ? ?
/*border-width: medium;*/ ? ? ? ?/* sets border width on all sides */ ? ?
/*border-color: lime;*/ ? ?
border-style:none ? ?
</style> ? ?
</head> ? ?
<body> ? ?
<ul> ? ?
<li>First element of list</li> ? ?
<li class="withborder">Second element of list is ? ?
a bit longer to illustrate wrapping.</li> ? ?
</ul> ? ?
</body> ? ?
</html> ? ?
weibo_小瓜大爺啊啊啊啊啊_0 提問者
padding:0px;
?border:10px solid blue;?
補充樓上
?border:10px solid blue; 你可以選擇加大邊框像素,從而仔細了解顏色的變換
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
4 回答怎么設置填充padding顏色
1 回答填充和邊界是不是都不可以設置顏色?如果不可以的話,網(wǎng)站背景是橙色的,那邊界和填充是白的還是橙色?
5 回答padding在盒子模型中可以設置填充顏色嗎?
3 回答padding是邊框與內(nèi)容之間的部分吧?如何只設置padding的填充,不設置內(nèi)容部分?
4 回答盒模型顏色設置
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2016-05-08
我覺得用background color可以達到你要的效果
<!DOCTYPE html> ? ?
<html> ? ?
<head> ? ?
<title>Box example</title> ? ?
<style type="text/css"> ? ?
/* No borders set */ ? ?
ul { ? ?
background: yellow; ? ?
margin: 12px 12px 12px 12px; ? ?
padding: 3px 3px 3px 3px ? ?
} ? ?
/* No borders set */ ? ?
li { ? ?
color: white; ? ? ? ? ? ? ? ?/* text color is white */ ? ?
background: blue; ? ? ? ? ? ?/* Content, padding will be blue */ ? ?
margin: 12px 12px 12px 12px; ? ?
padding: 12px 0px 12px 12px; /* Note 0px padding right */ ? ?
list-style: none ? ? ? ? ? ? /* no glyphs before a list item */ ? ?
} ? ?
li.withborder { ? ?
/*border-style: ridge;*/ ? ?
/*border-width: medium;*/ ? ? ? ?/* sets border width on all sides */ ? ?
/*border-color: lime;*/ ? ?
border-style:none ? ?
} ? ?
</style> ? ?
</head> ? ?
<body> ? ?
<ul> ? ?
<li>First element of list</li> ? ?
<li class="withborder">Second element of list is ? ?
a bit longer to illustrate wrapping.</li> ? ?
</ul> ? ?
</body> ? ?
</html> ? ?
2016-05-08
padding:0px;
?border:10px solid blue;?
補充樓上
2016-05-08
?border:10px solid blue; 你可以選擇加大邊框像素,從而仔細了解顏色的變換