跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
background-image

12 篇文章
{
,

}
CSS 基础:使用多个背景的文章直链
背景 背景图片 CSS 基础 多个背景

CSS 基础:使用多个背景

使用 CSS,您可以控制元素的背景。您可以设置 background-color 以填充纯色,设置 background-image 以填充(您猜对了)图像,甚至两者都设置。

body {
  background-color: red;
  background-image: 
…
Avatar of Chris Coyier
Chris Coyier 于 2018 年 10 月 27 日
CSS 基础:使用回退颜色的文章直链
背景图片 CSS 基础

CSS 基础:使用回退颜色

在网页设计中,您非常想要避免的是难以阅读的文本。当元素的背景颜色与文本颜色过于接近或完全相同,就会发生这种情况。例如

.header {
  background-color: white;
  
…
Avatar of Chris Coyier
Chris Coyier 于 2018 年 2 月 21 日
使用百分比将 `background-image` 焦点定位到精确位置的文章直链
背景图片 背景位置

使用百分比将 `background-image` 焦点定位到精确位置

假设您有一个带有 background-image 的元素,其中图像的一部分可见,因为图像本身大于元素。其余部分被裁剪掉,位于元素外部。

现在您想要移动…

Avatar of Jay Sitter
Jay Sitter 于 2018 年 11 月 30 日
  • 较新
  • 1
  • 2

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

通过我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获取免费积分!
CSS-Tricks
  • 为我们撰稿!
  • 与我们合作广告
  • 联系我们
社交
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.