为什么 margin-bottom:10px; 无效-慕课网

首页课程实战体系课手记专栏慕课教程

为什么 margin-bottom:10px; 无效

来源：12-10 我想脚下踩条线 - 使用border为盒子添加边框（二）

php挂念者

2017-05-03 10:10

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>边框</title>

<style type="text/css">

li{

display:inline;

border-bottom:1px dotted #ccc;

margin-bottom:50px;

}

</style>

</head>

<body>

<ul>

<li>别让不会说话害了你</li>

<li>二十七八岁就应该有的见识</li>

<li>别让不好意思害了你</li>

</ul>

</body>

</html>

写回答关注

4回答

提拉米苏HR

2017-05-26 23:00:11

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>边框</title>
<style type="text/css">

li{
border-bottom:1px dotted #ccc;
}
div {
width: 200px;
border: 1px solid green;
padding: 20px;
margin-top: 100px;
}
</style>
</head>
<body>
<div>
<ul>
<li>别让不会说话害了你</li>
<li>二十七八岁就应该有的见识</li>
<li>别让不好意思害了你</li>
</ul>
</div>
</body>
</html>

0 0
慕前端8788530

2017-05-18 20:31:22

好好回头看看内联元素的特点吧

0 0
Base_Love

2017-05-07 23:32:58

你是不是要实现这样的效果？

1 0

Base_L...

我自己试了一下display用inline是不行的要用table或者换成position：absolute外加一些其他的属性才能实现

2017-05-07 23:39:52

共 1 条回复 >
Base_Love

2017-05-03 10:14:13

你全部代码写出来我看一下

3 0

Base_L... 回复php挂念者

absolute

2017-05-07 23:01:03

共 3 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225293 学习 · 18230 问题

相似问题

#box1{margin-right:10px;}为什么没效果？

回答 5

在#box1 中margin-right:10px为什么没效果

回答 33

为什么是margin-bottom？

回答 1

为什么是用margin-bottom

回答 1

.box1{margin-bottom:30px;}为什么不对

回答 4

打开慕课网App查看更多内容