为了账号安全,请及时绑定邮箱和手机立即绑定
<style type="text/css">
a[class^=column]{
background:red;
color:#fff;}
a[href$=doc]{ background:green;color:#fff;}
a[title*=box]{ background:blue;color:#fff;}
</style>
“内填充区域”怎么正确答案填写的是padding-box?
/*使用伪元素制作导航列表项分隔线*/
.nav li:before{content:""; position:absolute;
top:14px;
height:25px;left:-1px; width:1px; background-image:linear-gradient(to bottom,#f65f57,#993333,#f65f57); }

/*删除第一项和最后一项导航分隔线*/
.nav li:first-child:before{content:'';}
下边的小朋友太聪明了
实心右半圆
height:100px;
width:50px;
background:#9da;
border-radius: 0px 50px 50px 0px;
主要记住 border-radius 的四个参数是 从左上角开始 顺时针的,所以每个角都可以调
原来是keyframes和animation两处都要加前缀啊
/*删除第一项和最后一项导航分隔线*/
.nav li:first-child:before,.nav li:last-child:after{
background-image: none;
}
/*制作圆*/
border-radius: 8px;
/*制作导航立体风格*/
box-shadow:0px 6px rgba(177,61,50,1);
<style>
a[class^=column]{
background:red;
}
a[href$=doc]{
background:green;
}
a[title*=box]{
background:blue;
}
</style>
在style文件里面写啊,不要在index文件里写
<style>
a[class^="column"]{background:red;}
a[href$="doc"]{background:green;}
a[title*="box"]{background:blue;}
</style>
或者这个
/*使用伪元素制作导航列表项分隔线*/
.nav li{
background:no-repeat right 18px/1px 16px;
background-image:linear-gradient(to bottom, #f65f57, #b64b41, #f65f57)
}
/*删除第一项和最后一项导航分隔线*/
.nav li:last-child{
background:none;
}
好难哦~
/*使用伪元素制作导航列表项分隔线*/
.nav li{
background:no-repeat left 18px/1px 16px;
background-image:linear-gradient(to bottom, #f65f57, #b64b41, #f65f57)
}
/*删除第一项和最后一项导航分隔线*/
.nav li:first-child{
background:none;
}
这个功能太用了,好棒哦!
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下,建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么?
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消