看到这样的样式效果,大多数人首先想到的一定是 border-bottom 吧,但是真正写在 css 中,你会发现,效果是这样的 实现了,却又好像没实现,无法设置长度,那么下面我们试着换一种思路去实现这个效果 2.优化方案 我们不要把这个短横线看做border,使用伪元素实现,可以随意更改大小、宽度...
border-style:solid;border-width:15px;}
</block> style 可以这样写 .block::after { content: ''; width: 96%; height: 1px; display: block; margin: 0 auto; border-bottom: 1px solid rgba(151, 151, 151, 0.1); }有用1 回复 冯恒智 7.9k2428 发布于 2018-05-30 border-bottom不能自定义长度,只能自定义宽度如果有自定义长度需求可...
51CTO博客已为您找到关于css设置border的长度的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及css设置border的长度问答内容。更多css设置border的长度相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。
看到这样的样式效果,大多数人首先想到的一定是border-bottom吧,但是真正写在css中,你会发现,效果是这样的 实现了,却又好像没实现,无法设置长度,那么下面我们试着换一种思路去实现这个效果 2.优化方案 我们不要把这个短横线看做border,使用伪元素实现,可以随意更改大小、宽度、长度等,非常的方便 ...
</block> style 可以这样写 .block::after { content: ''; width: 96%; height: 1px; display: block; margin: 0 auto; border-bottom: 1px solid rgba(151, 151, 151, 0.1); }有用1 回复 冯恒智 7.9k2428 发布于 2018-05-30 border-bottom不能自定义长度,只能自定义宽度如果有自定义长度需求...
</block> style 可以这样写 .block::after { content: ''; width: 96%; height: 1px; display: block; margin: 0 auto; border-bottom: 1px solid rgba(151, 151, 151, 0.1); }有用1 回复 查看全部 2 个回答 推荐问题 VUE3中CSS如何使用后台传过来的变量? 最近在弄项目重构,里面所有的请求地址...
51CTO博客已为您找到关于设置border的长度css的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及设置border的长度css问答内容。更多设置border的长度css相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。