div设置四个角边框

示例

实现

 .top-header {
	background-image:
		url('../../assets/slider/topHeaderTopLeft.svg'), /* 左上角图像 */
		url('../../assets/slider/topHeaderTopRight.svg'), /* 右上角图像 */
		url('../../assets/slider/topHeaderBottomLeft.svg'), /* 左下角图像 */
		url('../../assets/slider/topHeaderBottomRight.svg'); /* 右下角图像 */
	background-position:
		left top, /* 左上角图像 */
		right top, /* 右上角图像 */
		left bottom, /* 左下角图像 */
		right bottom; /* 右下角图像 */
	background-repeat: no-repeat; /* 防止重复 */
}

posted @ 2025-02-11 16:52 Felix_Openmind 阅读(3) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· CSS实现边框渐变色

· Flex弹性布局实现四列网格

· div四角边框

· css 边框镶角

· CSS实现div四个角加上小边框：伪代码实现

阅读排行：
· 全程不用写代码，我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！

历史上的今天：
2022-02-11 服务器推送技术

2025年3月

日

一

二

三

四

五

六

Felix_Openmind

https://github.com/serendipitywzz

div设置四个角边框

示例

实现

最新随笔

随笔分类 (404)

随笔档案 (410)

文章分类 (66)

文章档案 (99)

软件开发

阅读排行榜

	.top-header {
	background-image:
	url('../../assets/slider/topHeaderTopLeft.svg'), /* 左上角图像 */
	url('../../assets/slider/topHeaderTopRight.svg'), /* 右上角图像 */
	url('../../assets/slider/topHeaderBottomLeft.svg'), /* 左下角图像 */
	url('../../assets/slider/topHeaderBottomRight.svg'); /* 右下角图像 */
	background-position:
	left top, /* 左上角图像 */
	right top, /* 右上角图像 */
	left bottom, /* 左下角图像 */
	right bottom; /* 右下角图像 */
	background-repeat: no-repeat; /* 防止重复 */
	}