为了账号安全,请及时绑定邮箱和手机立即绑定
感觉这效果没太大意义,实际项目极少用到

最新回答 / 王民会
就是切边。好比你现在给相片镶框,给你一块完整的木板(背景图片),是按尺寸从木板的四个边来切的。<!doctype html><html><head><meta charset="utf-8"><title>边框图片</title><style>#border_image {    margin:0 auto; height:100px; line-height:100px; text-align:center; font-...
应该可以这样,不过颜色没仔细调:
/*使用伪元素制作导航列表项分隔线*/
li:before {
content: &quot; &quot;;
position: absolute;
left: 0px;
top: 15px;
width: 1px;
height: 20px;
display: inline-block;
background-image: linear-gradient(to bottom, red, gray, red);
}
&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;utf-8&quot;&gt;
&lt;title&gt;结构性伪类选择器—target&lt;/title&gt;
&lt;link href=&quot;style.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div class=&quot;menuSection&quot; id=&quot;brand&quot;&gt;
&lt;h2&gt;&lt;a href=&quot;#brand&quot;&gt;Brand&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;content for Brand&lt;/p&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
马克一下 方便以后复习

已采纳回答 / 慕无忌3374468
不是,此例中not选择的是id不为footer的div元素
马克一下 方便复习
个人觉得把:first-child解释成该元素父元素的第一个子元素不太合适,比如本例中,.wrapper &gt; div:first-child按这个解释应该选中第一个p元素,但是经过测试并没有效果,:first-of-type因为限定了类型按老师的解释倒也说的通,但还是觉得这样解释不好理解,我就按我自己理解的来了。不知道对不对,大家都试试吧。
有了这个:E[att*=&quot;val&quot;],还要另外两个干嘛!
这效果真的酷炫啊!

已采纳回答 / 慕粉4342744
width为容器的50%,height为容器的50%如果要一半,要设置50% 100%
大家可以试下这个图片地址,也就是上边案列的图片:
border-image:url(http://img1.sycdn.imooc.com//52e21fea000127e802100210.jpg) 70 repeat;
为啥我添加了,显示不出来
最好是啥图形都能用代码画出来,就不用这里截个图,那里截个图,那么麻烦了,哈哈哈哈哈
现在一般的网页都很少看到酷炫的玩意了,现在的主流是简洁、大方,最主要还是自适应、兼容问题
后悔以前在学校的时候大把时间没有好好学啊
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下,建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么?
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消