首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【CSS】设置 border 长度

场景举例 如何实现 在线课程 字体下方的 短横线 样式效果 思考过程 1.常规方案 看到这样的样式效果,大多数人首先想到的一定是 border-bottom 吧,但是真正写在 css 中,你会发现,...效果是这样的 实现了,却又好像没实现,无法设置长度,那么下面我们试着换一种思路去实现这个效果 2.优化方案 我们不要把这个短横线看做 border ,使用 伪元素 实现,可以随意更改大小、宽度、长度等...,非常的方便 伪元素 用于设置元素指定部分的样式,可用于设置元素的首字母、首行的样式,在元素的内容之前或之后插入内容等 selector::pseudo-element { property: value...; } 代码实现 .box h1::after { /* 必须设置 content 属性才能生效 */ content: ''; /* border 宽度 */ width:

2.7K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【CSS】CSS 背景设置 ③ ( 背景位置-长度设置 | 背景位置-长度值方位值同时设置 )

    文章目录 一、背景位置-长度设置 二、背景位置-长度值方位值同时设置 三、完整代码示例 一、背景位置-长度设置 ---- 长度设置 效果展示 : 设置背景位置为具体值 10px 50px : 粉色区域是盒子的区域...x 轴方向 50 像素 , y 轴方向没有设置 , 则在垂直方向上默认为居中 ; /* 设置背景位置 - x 轴方向 50 像素 , y 轴方向垂直居中 */ background-position:...50px; 二、背景位置-长度值方位值同时设置 ---- 长度值方位值同时设置 效果展示 : 设置背景位置为具体值 center 50px : 粉色区域是盒子的区域 , 图片背景位于盒子位置 x 轴方向...DOCTYPE html> 背景图片位置 <base...center 50px;*/ } 背景图片测试 </html

    2.8K20

    HTML中背景的设置

    , 17 2月 2021 作者 847954981@qq.com 前端学习, 我的编程之路 HTML中背景的设置 在之前的HTML学习中我们知道了,对于背景颜色,我们可以使用 background-color...当然这种只是最基础的颜色渐变,更为复杂的颜色渐变请参考 |MDN的CSS渐变指南| 背景图片 在设置背景的时候,我们不可不免也需要使用图片作为背景。...当图片大小不足以囊括整个页面时,HTML默认多次复制图片来填充页面,但如果使用 background-repeat: no-repeat;则不会存在重复图片。...contain 把图像图像扩展至最大尺寸,以使其宽度和高度完全适应内容区域 xpx ypx 自定义设置高度和宽度 x% y% 相对于容器百分比设置高度、宽度 background 存在简便写法 background

    5.4K20

    【Cubase】Cubase 量化设置 ( 量化预置 | 长度量化 | 快捷键设置 | 量化开头 | 量化 MIDI 事件结尾 | 量化 MIDI 事件长度 )

    文章目录 一、要解决的问题 二、量化预置 三、长度量化 四、快捷键及设置 1、快捷键及设置 2、量化开头 3、量化 MIDI 事件结尾 4、量化 MIDI 事件长度 五、对 MIDI 进行量化操作 本博客中的所有设置都是在..." 1/32 " 量化预置参数 , 每拍显示 8 个格子 , 每个格子的长度是 32 分音符 ; 三、长度量化 ---- 长度量化 参数设置 : 在下图 处设置长度量化 , 如果设置成 " 1.../16 " , 那么使用鼠标拖动时 , 音符的长度只能是 16 分音符的整数倍 ; 上述的 量化预置 和 长度量化 参数 , 要结合起来使用 , 一般设置成一样的 ; 四、快捷键及设置 ---- 1、...快捷键及设置 Cubase 量化快捷键设置 : 选择 " 文件 / 快捷键…(K) " 选项 , 在弹出的对话框中设置快捷键 ; 2、量化开头 量化开头 : 默认按键 " Q " 是量化开头 ;...量化 MIDI 事件长度 : 使用相同设置 , 为其设置 " Ctrl + F11 " 快捷键 ; 注意选择的 " 量化预置 " 与 " 长度量化 " 参数 , 都是 " 1/16 " 设置 ; 五

    3.3K00
    领券