首页
人工智能
编程教程
编程导航
编程百科
编程问答
编程博文
编程实例
硬件设备
网络运营
软件教程
移动数码
办公软件
操作系统
网络运维
html – 没有JavaScript,可以使border-radius等于总高度的一半?
HTML
2019-06-11
我正在创建
一个
网站,并且模型
调用
某个类型元素的左右两端,每个元素都是半圆形.由于元素的高度取决于文本的大小,我知道这意味着我需要让它们的border-radii等于元素总高度的一半.这可能不使用JS吗?
解决方法
绝对 – 只需将border-radius设置为
一个
大尺寸!
#some-element { border-radius: 9999px; }
它将以允许圆角的最大尺寸达到最高.但是,如果你的元素高于它的宽度,请记住,如果不加宽元素,则不能将两边都设置为半圆.
相关文章
Vue+elementUI 自定义动态数据菜单导航组件实现展开收缩+路由跳转router-view渲染数据 路由跳转到同一个页面带参数ID 自动刷新数据
准备:导入ElementUI 看官网教程 数据准备:JSON数据转换成树状...
vue阻止冒泡事件 阻止点击事件的执行 结合div和组件阻止点击事件
vue阻止冒泡事件 阻止点击事件的执行 <div @click=&a...
自用代码css获取任意网址的/favicon.ico的方法教程
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
JS实现 JSON扁平数据转换树状数据
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简单集成教程
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些
Mip是什么意思以及作用有哪些