                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

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

<!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>

php挂念者

2017-05-03

源自：初识HTML(5)+CSS(3)-升级版 12-10

关注问题我要回答

1677

操作

收起

4 回答

提拉米苏HR
2017-05-26

<!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 回复有任何疑惑可以回复我~

慕前端8788530
2017-05-18

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

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

Base_Love
2017-05-07

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

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

#1

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

2017-05-07 回复有任何疑惑可以回复我~

Base_Love
2017-05-03

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

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

#1

php挂念者提问者

代码再上面，麻烦你看下

2017-05-03 回复有任何疑惑可以回复我~

#2

Base_Love 回复 php挂念者提问者

absolute

2017-05-07 回复有任何疑惑可以回复我~

#3

Base_Love 回复 php挂念者提问者

absolute

2017-05-07 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

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

参与学习 1225792 人
解答问题 18234 个

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

本课相似问答

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

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

1 回答为什么是margin-bottom？

1 回答为什么是用margin-bottom

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

搜索更多本课相关问答

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

我要回答关注问题

意见反馈帮助中心 APP下载