html代码：

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>文档标题</title>

</head>

<body>

    <h1>我的第一个HTML页面</h1>

    <p>我的第一个段落。</p>

      <div class='div'>

  </div>

</body>

</html>

css代码

.div{
width:200px;
height:200px;
border:solid 10px ;
border-image:linear-gradient(45deg,gold,deeppink) 1;
border-radius:10px;
}

效果图：

可以看到我们设置的 border-radius:10px;   没有生效

border-radius:10px;

解决方法：给我们的css加上    clip-path: inset(0 round 10px);

.div{

  width:200px;

  height:200px;

  border:solid 10px ;

  border-image:linear-gradient(45deg,gold,deeppink) 1;

  clip-path: inset(0 round 10px);

}

解决后的效果图如下：  （完美解决）

设置border-image后border-radius不生效的问题解决的更多相关文章

  1. Bootstrap Table踩坑——设置多级表头后只显示第一级表头问题解决办法

    今天设置了Bootstrap Table的复杂表头,设置了多级表头(两行列名),但是只能显示第一级表头(第一行的列名),第二级的表头被第一级的表头覆盖.但是我仿照其他网上的其他设置复杂表头例子都能正常 ...

  2. CSS中设置border:none和border:0的区别

    在我们设置CSS的时候,对标签元素不设置边框属性或者取消边框属性一般设置为:border:none;或border:0;两种方法均可. border:none;与border:0;的区别体现有两点:一 ...

  3. div宽度设置width:100%后再设置padding或margin超出父元素的解决办法

    div宽度设置width:100%后再设置padding或margin超出父元素的解决办法 一.总结 一句话总结:直接加上box-sizing:border-box;即可解决上述问题. 1.box-s ...

  4. wordpress设置“固定链接”后，页面404错误的解决方法

    Nginx 解决方案: 网上盛传的方法是: 在 /etc/nginx/nginx.conf文件的 loction / {} 中添加 if (-f $request_filename/index.htm ...

  5. Word 为标题设置段前段后间距设置与异常

    一.概述 在进行Word文档写作时,常常要求我们对(节)标题设置段前段后间距.例如: (2)按照标题的不同,分别采用不同的段前段后间距: 标题级别 段前段后间距 章标题 30磅 一级节标题 18磅 二 ...

  6. Odoo 14 升级模块后为什么template不生效？

    # 升级模块后为什么template不生效? # 直接原因是因为你在record标签的父级data标签标签中设置了noupdate为true.这就导致你后面无论你怎么修改data下面的子标签内容,都不 ...

  7. win7 hosts文件更改后无效，不生效问题

    通过记事本修改完hosts文件后,域名解析没有生效. 注:可以正常保存修改.服务dnsclient也已经启动 最后发现是hosts文件最后一行不是空行,回车后问题解决

  8. table表格在设置文字垂直居中后，在表格显示相同排列的数据(比如：testtesttesttsttesttesstestse很多的test)时此表格不能换行

    table设置了垂直居中后在表格显示相同排列的数据(比如:testtesttesttsttesttesstestse很多的test)时此表格不能换行, 此时会导致table会把页面撑的很宽,导致表格后 ...

  9. border:0; VS border:none;

    border:none与border:0的区别体现为两点:一是理论上的性能差异,二是浏览器兼容性的差异. 性能差异: [border:0;]把border设为“0”像素效果等于border-width ...

  10. C# winform解决解决窗体第一次设置为最大化后，点击最大化按钮窗体无法居中问题

    public frmMain() { InitializeComponent(); //解决窗体第一次设置为最大化后,点击最大化按钮窗体无法居中问题 int x = Convert.ToInt32(( ...

随机推荐

  1. Spring Boot 整合 ActiveMQ 实现手动确认和重发消息

    消息队列中间件是分布式系统中重要的组件,已经逐渐成为企业系统内部通信的核心手段.主要功能包括松耦合.异步消息.流量削锋.可靠投递.广播.流量控制.最终一致性等.实现高性能,高可用,可伸缩和最终一致性架 ...

  2. 洛谷 P5012 水の数列

    洛谷 P5012 水の数列 Problem 给你一个长度为\(n(n\le10^6)\)的数列,有\(T(T\le 10^3)\)组询问,每一组询问查询区间\([l,r]\),请选择一个\(x\),将 ...

  3. 《Nginx核心技术》第01章：安装Nginx

    作者:冰河 星球:http://m6z.cn/6aeFbs 博客:https://binghe.gitcode.host 文章汇总:https://binghe.gitcode.host/md/all ...

  4. kubernetes实用插件管理

    插件链接:https://kubernetes.io/zh-cn/docs/tasks/extend-kubectl/kubectl-plugins/

  5. 8月18日直播预告 ｜ Flink SQL转换Operator流程及源码解析

    ​​8月18日晚19点,袋鼠云数栈技术研发团队开发工程师--修竹,将会为大家直播分享<Flink SQL转换Operator流程及源码解析>. 课程内容主要包括以下两点: 1. Flink ...

  6. Golang基础笔记三之数组和切片

    本文首发于公众号:Hunter后端 原文链接:Golang基础笔记三之数组和切片 这一篇笔记介绍 Golang 里的数组和切片,以下是本篇笔记目录: 数组定义和初始化 数组属性和相关操作 切片的创建 ...

  7. java基础---构造函数

    封装 封装的步骤: 1. 使用private修饰需要被封装的属性. 2. 根据需要提供get或者set方法设置以及获取属性. 封装的好处: 1. 提高了数据的安全性. 2. 操作简单. 3. 隐藏了实 ...

  8. minio 搭建最的对象存储服务器

    前言 手里有一个闲置服务器,不能浪费,于是有想把它作为文件静态资源服务器的想法. 本来是想随便起一个 http 服务就可以作为静态资源服务来运行,比如apche.node的http-server.ng ...

  9. 记录一次Armbian安装宝塔面板遇到ModuleNotFoundError: No module named '_sqlite3'的问题

    如果在用Armbian安装宝塔面板的时候遇到ModuleNotFoundError: No module named '_sqlite3'报错,并且无法进入web面板界面,可以尝试以下操作. 报错界面 ...

  10. leetcode 1405

    简介 贪心算法 思路 填2个数量最多的字母,如果下一次该字母数量还是最多的,填1个数量次多的字母 code class Solution1405 { public: string longestDiv ...