按照老师的代码,可是在谷歌浏览器上就是显示不出来

按照老师的代码,可是在谷歌浏览器上就是显示不出来

按照老师的代码,可是在谷歌浏览器上就是显示不出来,我把老师源代码的那个html文档用谷歌浏览器也没有显示出来,求指教

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>border-image</title>
 <style type="text/css">
  div{
   width: 853px;
   height: 392px;
   border-image: url("border.jpg");
   border-image-slice: 50%;
   border-image-width: 50%;
   border-image-outset: 2;
  }
   
  
 </style>
</head>
<body>
 <div></div>
</body>
</html>


正在回答

登陆购买课程后可参与讨论,去登陆

3回答

需要设置先导的border才可以,譬如border: 15px solid transparent;其中 transparent表示边框透明,希望可以帮到你!

  • 阿狸的桃子942 提问者 #1
    谢谢啦
    2017-07-27 10:18:26
  • 阿狸的桃子942 提问者 #2
    我想问一下为什么要加border:15px solid;呀?
    2017-07-27 10:19:36
  • 卡布琦诺 回复 提问者 阿狸的桃子942 #3
    首先需要有border,后面的border-image才可以生效,设置数值是因为边框需要有宽度、线条类型、颜色三个属性值缺一不可。而数值15px可以自定义设置大小,祝学习愉快!
    2017-07-27 11:01:30
Dzxwind 2017-07-22 09:41:20

我之前也显示不出来,后来我加了个border:solid;就可以了。。

  • 提问者 阿狸的桃子942 #1
    我加了,还是不行,是直接显示的是一个黑色边框,并没有图案
    2017-07-26 10:43:08
小丸子爱吃菜 2017-05-20 16:05:05

老师的代码我这边打开是可以的,你看下是否是图片的路径写错误了。

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师