首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

文本属性,边界圆角,背景属性,精灵图案例

bold 10px/300px '黑体', 'Arial'; 分别是字重,字体大小,行高,字族,顺序可以交换不影响 二.边界圆角 border-radius 特点 最多可以填写8个参数 可填写的参数固定值|百分百...左上为第一个角,顺时针编号 不足找对角 填写一个值所有边都是这个值 填写八个参数的时候横纵分离,先横后纵横纵直接用/分开 三.背景属性 背景图片设置 /*显示比屏幕大的图片:缩放尺寸*/ background-image...no-repeat*/ background-repeat: no-repeat; /*位置*/ /*1.只设置x轴,y轴默认center*/ /*2.x轴:left center right 具体像素 百分百...*/ /*2.y轴:top center bottom 具体像素 百分百*/ background-position: center center;先x轴再y轴 四.精灵图案例 原理:先设置显示区域大小...,再根据背景图片的移动结合伪类进行操作来完成一些动画效果

46630

【CSS】CSS 总结 ③ ( CSS 背景设置 | 背景颜色 | 背景图片 | 背景图片平铺样式 | 背景图片位置 | 超大背景图片设置 | 背景附着 | 背景样式简写 | 背景半透明 ) ★

CSS 的背景图片样式语法 : 背景图片的链接需要写在 url() 中 , 并且 url() 中的链接可以没有双引号 ; background-image: url(相对路径); 在 url() 中设置相对链接...url() 中的链接没有双引号 3、背景图片平铺样式 通过设置 background-repeat 属性 , 可以设置平铺效果 ; 默认平铺样式 : background-repeat: repeat...网页背景兼容问题 在网站开发时 , 经常遇到 网站首页使用超大背景图片显示 的情况 , 如 : 背景图片 使用 1920 x 1080 像素的图片 ; 每个人的电脑分辨率不同 , 有的电脑的分辨率可能没有...这样设置 : 如果电脑分辨率很小 , 可以看到图片中心偏上的位置 ; 如果电脑分辨率很大 , 背景图片位于屏幕中心偏上位置 ; 超大背景图片编辑策略 图片编辑策略 : 在高分辨率的电脑上可以显示全部内容...可滚动的 还是 固定的 ; 使用 背景附着 的前提也是必须 提前设置 背景图片 , 背景图片设置语法如下 : background-image: url(images/xxx.jpg); 背景附着 语法如下

26410

建站日志

站点底部添加站点运行时间 关于页面去除头部的站点运行时间 2021-02-17 将评论改为Waline,并部署在Vercel 评论添加自定义表情包 修改友链样式 2021-01-24 修改站内搜索fuse.js...15 添加文章加密功能 2021-01-13 重新启用阅读原始文档功能,并解决GitHub Pages服务由于原始文档里的某些特殊代码导致部署失败的问题 2021-01-10 添加右键菜单 评论区添加背景图片...2020-10-14 修复LoveIt主题的部分bug,更改了部分样式,主要包括: 添加背景图片轮播 归档、分类页面添加了数量统计 修改了h2的样式 缩小目录的字体 修改了引用块样式 2020-10-09...2018-08-21 最近发现了两个问题: 如果文章不写小标题,是不会生成文章目录的,如果启用了leancloud的阅读计数功能,这时候这篇文章的阅读页面的侧边栏就会失去affix.js的固定定位效果;...(该bug在火狐浏览器下偶尔会触发,在360浏览器下百分百触发) 如果启用了不蒜子计数,在360浏览器下如果滚动页面时,侧边栏的底部无法和正文模块的底部持平,侧边栏底部会比正文模块的短一些。

4.2K30
领券