章节
问答
课签
笔记
评论
占位
占位

我想脚下踩条线 - 使用border为盒子添加边框(二)

现在有一个问题,如果有想为 p 标签单独设置下边框,而其它三边都不设置边框样式怎么办呢?css 样式中允许只为一个方向的边框设置样式:

div{border-bottom:1px solid red;}

同样可以使用下面代码实现其它三边(上、右、左)边框的设置:

border-top:1px solid red;
border-right:1px solid red; 
border-left:1px solid red;

任务

我来试一试:

为 li 标签设置宽度为1像素,点状线,颜色为红色的下边框样式

?不会了怎么办

在右边编辑器的第 9 行,输入:

border-bottom:1px dotted red;
||
1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最新回答 / 好帮手慕糖
已经修订,感谢反馈~

最新回答 / 慕的地8343762
#ccc是灰色,应该是他们设置错误的原因

最新回答 / weibo_慕婉清4479341
估计题目打错了 只要显示三种不一样颜色就行

最赞回答 / 静爷galaxy
有时候写对了也报错,不好意思刚刚打错字了

最赞回答 / 嘘m嘘
有四种方法可以用margin外边距通过尝试将边框移到指定位置可以用float浮动方法可以用绝对定位可以用相对定位具体怎么用请百度

最新回答 / 慕沐4207267
我复制了一下你的代码试了一下,是有灰色的虚线装的边线的,三行文字分别对应的是有1像素边宽,实线,红色的上左右边框和1像素,虚线的,灰色的下边框,因为下面两行文字的上边框正好和上面两行的下边框重合了所以看上去好像上两行都有下边框似的。

最新回答 / qq_慕标5008413
下划线跟边框还是有区别的,下划线你可以理解为跟文字底部是贴合的,而且无法修改,但是边框你可以设置它的样式:颜色,粗细,线的实虚体什么的乱七八糟的。这就是区别。然后呢,后面学到的盒模型宽度和高度,那个是指的元素自身的宽高度,然后边框这层是处于元素这层之上的,意思就是你可以通过修改元素的宽高度来改变边框的位置

最新回答 / qq_慕侠0153369
要注意text-align是针对块级元素的

已采纳回答 / 冰恋火
一般是没有顺序要求

已采纳回答 / 岩石制动器
border是显示完整的边框,border-left,right,top,bottom分别表示左、右、上、下的边框,所以你用了border-bottom就是只显示下面的边框,相当于一条下划线了

已采纳回答 / 一只灵兽
<style>.first{border-bottom:1px dashed red;}</style><ul>      <p  class="first">aaaaa</p>      <p>bbbbb</p>      <p>ccccc</p></ul>利用.类选择器

已采纳回答 / queens_seven
连在一起是指?他们没有距离?如果是内联元素,本来就是挨着的,不过如果代码里你在两个内联元素用了回车换行或者空格来保持代码距离,那么实际的页面会有一点距离。相反,如果你代码紧挨着,就没有距离了。而块级元素如果不浮动,那就一般都是各自一行,上下的边框线才有可能靠在一起。
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言