1024
问
热门
后端
前端
数据库
移动端
小程序
WEB
运维
大数据
区块链
注册
登录
默认
JAVA
C语言
Python3
C++
JavaScript
GO
Mysql
Android
Swift
物联网
人工智能
大数据
云计算
区块链
魔哥css圆角实现代码 (代码精简,完全自适应)
Laraine
·
更新时间:2024-11-15
· 951 次阅读
所用到的图片:
<style type="text/css"> body,p,div {margin:0;padding:0;} .Box {margin:10px auto;width:500px;} /*淘宝的圆角方法*/ .R-1-T,.R-1-B {height:6px;position:relative;background-image:url(/do/uploads/allimg/100520/2212570.png);background-repeat:no-repeat;overflow:hidden;} .R-1-T {background-position:-6px 0;margin-bottom:-6px;} .R-1-B {background-position:-6px -6px;margin-top:-6px;} .R-1-T b,.R-1-B b {float:right;background-image:url(/do/uploads/allimg/100520/2212570.png);background-repeat:no-repeat;height:6px;width:6px;text-indent:-9999px;} .R-1-T b {background-position:0 0;} .R-1-B b {background-position:0 -6px;} .R-1-C {border:1px solid #dfdfdf;padding:6px;} </style> <div class="Box"> <p class="R-1-T"><b>圆角底部</b></p> <div class="R-1-C">内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里内容在这里</div> <p class="R-1-B"><b>圆角底部</b></p> </div>
提示:您可以先修改部分代码再运行
css圆角
自适应
CSS
需要
登录
后方可回复, 如果你还没有账号请
注册新账号
相关文章
Java 正则表达式
Laurie
2020-11-30
811
Foundation 表单
Ada
2020-04-07
607
You don’t have permission to access /index.php on.
Uma
2021-04-29
909
html+css设计两个摆动的大灯笼
Thalia
2023-02-26
1458
CSS3使用双旋转实现福到了的迎春喜庆特效代码
Olinda
2023-02-26
1901
CSS3实现一根心爱的二踢脚示例代码
Bunny
2023-02-26
23
利用css动画实现节流
Kefira
2023-02-26
562
CSS动画实现跳动的足球(疯狂世界杯)
Jacinthe
2023-02-26
865
CSS样式覆盖的操作代码
Viridis
2023-02-26
166
css实现文字充电效果的示例代码
Tertia
2023-02-26
443
element-plus/element-ui走马灯配置图片及图片自适应的最简便方法
Viveka
2023-03-23
1981
使用canvas制作炫酷黑客帝国数字雨背景html+css+js
Elina
2023-03-29
1421
关于CSS渲染:CSS是如何绘制颜色的
Querida
2023-04-14
183
CSS中height:100vh和height:100%的区别
Serafina
2023-04-19
951
CSS实现鼠标悬停svg图标描边效果
Rhea
2023-04-19
734
36种漂亮的CSS3网页按钮Button样式(主要结合before与after)
Malinda
2023-04-19
935
纯CSS实现了下划线的交互动画效果
Kathy
2023-04-19
677
CSS 实现块级元素靠右的方法
Nora
2023-04-19
653
纯CSS实现鼠标悬停图片上升显示描述案例
Pandora
2023-04-19
1001
基于css实现炫酷按钮动画效果案例代码
Tani
2023-04-19
1624
我要提问
致谢
帮助他人,成就自己。
人生最大成功就是伸出热情而温暖的双手,尽自己所能去帮助身边的每一个人,只要无私的奉献,就会收获到美好的生活。
1024问感谢每一位朋友的帮助和支持。
软件开发网提供编程的基础软件技术培训教程,软件开发编程实例讲解Go,Node,HTML,CSS,Javascript,Python,Java,Ruby,C,PHP,MySQL等软件开发编程语言以及数据开发的基础知识,也提供大量的软件开发在线实例、从入门到精通就在1024问。
育儿网
微养生
全球行
美食街
育儿
菜谱大全
海南旅游
女性
养狗百科
星座