大家都被“|” 绕进去了，渐变就应该设置为空，然后通过背景来弄，看我的例子 -慕课网

大家都被“|” 绕进去了，渐变就应该设置为空，然后通过背景来弄，看我的例子

全职幽默

2014-07-03

源自：十天精通CSS3 5-5

关注问题我要回答

8307

操作

收起

44 回答

chuanwei
2015-01-19

/*使用伪元素制作导航列表项分隔线*/

.nav li:before{

content:"";

position:absolute;

left:0px;

top:20px;

height:15px;

width:1px;

background:linear-gradient(to bottom,#f82f87,#B0363F,#f82f87);

}

/*删除第一项和最后一项导航分隔线*/

.nav li:first-child:before{

content:"";

height:0px;

width:0px;

}

/*这样也可以，灵活多变，，，，哈哈，，以供参考*/

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

早起的鸟儿
2014-12-29

不错。

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

花里喵喵
2014-11-14

这个方法好好，就是这样设置以后字的颜色会变成蓝色，好奇怪，不过设置一个a的color为白色就可以了~

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

远芳墨
2014-11-04

全职幽默的代码貌似有错误。

/*使用伪元素制作导航列表项分隔线*/
		.nav li:after{
    	 content:"|";
         position:absolute;
         right:0;
         top:0px;
         background:linear-gradient(to bottom #f82f87,#B0363F,#f82f87);
		}
        /*删除第一项和最后一项导航分隔线*/
		.nav li:last-child:after{
         content:'';
		}

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

#1

应该这样写

2014-11-04 回复有任何疑惑可以回复我~

#2

你这样写背景渐变确定起作用吗？

2014-11-06 回复有任何疑惑可以回复我~

#3

早起的鸟儿

你这样写有问题，原本的是对的。

2014-12-29 回复有任何疑惑可以回复我~

查看5条回复

wtzzx
2014-10-29

马一下

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

acgphone
2014-10-27

mark

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

donaf
2014-10-09

good job

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

purple_yao
2014-09-30

写得比网上给出的答案还简单，历害。

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

烟云怀僧
2014-07-18

写的真好！

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

首页上一页 1 2 3 4下一页尾页

举报

0/150

提交

取消

十天精通CSS3

参与学习 242121 人
解答问题 2623 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

本课相似问答

46 回答

48 回答

43 回答

2 回答

2 回答

搜索更多本课相关问答

我要回答关注问题

意见反馈帮助中心 APP下载