在布局的 左上角 和 右上角 都有一个圆角 , 并且矩形图片超过圆角的部分被隐藏了 ,
设置圆角和超出部分隐藏样式 :
.brand {
/* 设置圆角后 超过圆角的图片不再显示 */...overflow: hidden;
/* 设置圆角 顺序为 : 左上 / 右上 / 右下 /左下 */
border-radius: 10px 10px 0 0;
}
4、设置浮动并精确计算宽度...在布局中 , 三个链接图片水平排列在一起 , 并且中间没有缝隙 , 说明这是使用 浮动 进行设置的 , 为父容器的三个子元素都设置 左浮动 , 就可以实现上述效果 ;
设置浮动后 , 还需要设置子元素的宽度..., 如果子元素横向累加宽度超过 当前宽度 , 会自动换行 , 因此这里为每个子元素设置一个 1/3 宽度 , 即 33.33% ;
子元素 设置浮动和宽度的样式如下 :
.brand div...44px;
}
.search-btn::before {
/* 在 指定的标签元素内部的 前面 插入内容 */
/* 左侧按钮盒子中 插入 三 图片 */
content:
云服务器
ICP备案
云直播
对象存储
实时音视频
