css之background,border与font 的复合写法

最新推荐文章于 2024-04-11 10:11:19 发布
最新推荐文章于 2024-04-11 10:11:19 发布
阅读量434 收藏 1
点赞数 1
分类专栏： HTML 文章标签： css html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51999757/article/details/120255725
版权
本文详细介绍了CSS中background、font属性的复合写法，包括背景颜色、图片、平铺、定位以及字体样式、大小、家族等。强调了复合写法的顺序与规范，以及在使用时的注意事项，帮助开发者更好地理解和应用这些属性。
摘要由CSDN通过智能技术生成

1.背景-background 写法

单个属性的写法:

div{
   
background-image: url(1.gif); /*背景图片*/
background-repeat: no-repeat; /*不平铺*/
background-attachment: fixed; /*随文本滚动*/
background-position
最低0.47元/天 解锁文章
踏破盛世的烟火
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
background的合并合并书写方式
qq_30668579的博客
11-17 3208
background: [background-color] 背景颜色 [background-image]  背景图像 [background-repeat] 规定图像重复 [background-attachment]  规定滚动方式
background 组合写法_css中background复合属性详解
weixin_42303282的博客
01-31 4722
==========================================================单个属性的写法.sample1 {/*背景颜色*/background-image: url(sample.gif); /*背景图片*/background-repeat: no-repeat; /*平铺(?)*/background-attachment: fixed; /*随文本...
css复合属性的写法
10-01 2768
==========================================================1. 背景－background==========================================================单个属性的写法.sample1 {background-color: #CCCCCC; /*背景颜色*/backgroun...
【css】background的复合写法
Eagler_Step
06-29 954
background-size 与 background的结合，避免与background-position混淆。 其中，background-position和background-size间需要用 字符′/′\color{red} {字符'/'}字符′/′ 连接。
CSS——background复合写法
月来better
08-04 5253
背景复合写法： background：背景颜色 背景图片地址 背景平铺 背景图像滚动 背景图片位置 注意： background和background-size不能一起连用，否则不生效 案例如下： *{ margin: 0; padding: 0; } html,body,div{ width: 100%; height: 100%; } <div style="background: url('./assets/images/13.jpg') 100% 100%.
CSS复合型写法
weixin_46253682的博客
06-02 733
复合属性
用css border实现尖三角的写法(无图片)
09-25
下面我们将详细讨论如何通过CSS border来实现尖三角形，并探讨其原理和拓展应用。 首先，我们来看给出的示例代码： ```html <!DOCTYPE HTML> <style type="text/css"> *{margin:0;padding:0;} body{...
详解css3自定义滚动条样式写法
01-19
本文介绍了css3自定义滚动条样式写法，分享给大家，具体如下： 先简单介绍一下各个属性 ::-webkit-scrollbar ：滚动条整体部分，其中的属性有width,height,background,border等。 ::-webkit-scrollbar-button ：滚动...
background的复合写法：图片、渐变色、纯色
最新发布
Serena_tz的博客
04-11 325
的复合写法可以使用逗号分隔多个属性值，每个属性值对应不同的背景层。属性，表示不重复平铺图片，使用100% 100%指定了背景图片的位置，使用。函数定义了一个线性渐变背景层，角度为38度，颜色从白色。函数指了一个图片背景层，图片路径为。指定了背景图片的大小。设置了一个纯色背景层。这个写法中，首先使用。
background复合写法顺序
weixin_50367873的博客
02-28 3062
background: #000 url(../images/logo.png) no-repeat left center / cover; 参数说明 background-color 背景色 background-image 背景图 background-repeat 是否重复显示 background-position / background-size 背景图片位置 / 背景图片大小 注意：background-size是CSS3的属性 它要与background-position配合使用，中间有
【CSS】css的background属性用法详解，background常用缩写形式
余浩的博客
06-24 3841
//指定背景颜色 //设置背景图像, 可以是真实的图片路径, 也可以是创建的渐变背景;//设置背景图像的位置//设置背景图像的大小 //指定背景图像的铺排方式//设置背景图像显示的原点[background-position相对定位的原点];//设置背景图像向外剪裁的区域;//指定背景图像是滚动还是固定; 默认滚动；...
CSS：background 复合属性详解（用法 + 例子 + 效果）
Cosmoshhhyyy的博客
08-10 3069
本文详细介绍background的用法，例如：background-color 背景颜色（纯）、backgroundimage 背景图片 或者 渐变颜色、background-repeat 背景是否重复、background-size 设置图片大小、background-position 设置背景图片显示位置、background-attachment 设置背景图片是否随页面滚动。
关于background复合写法
roadloser的博客
04-02 4816
常用的复合样式写法 1. ~image ~repeat ~attachment ~position/~size 2. ~image ~repeat ~attachment ~position 3. ~image ~repeat ~position/~size 例子：直接上代码 <!DOCTYPE html> <html lang="en"> <head> &...
CSS2day.2(块内元素，行内元素，行内块元素，背景(background的复合写法))
shrimper
05-29 1381
文章目录CSS元素显示模式块元素行内元素行内块元素总结：显示模式的转换： CSS元素显示模式 作用：更好的布局我们的网页 HTML一般分为块元素和行内元素两种类型 比如div独占一行，一行可以放多个span。 块元素 常见块内元素有：h1~h6，p，div，ul，ol，li等。 特点： 独占一行 高，宽，外边距和内边距都可以控制 宽度默认是容器（父级宽度）的100% 可看做是一个容器（盒子），里面可以放行内或者块级元素 以下注意： 文字类的元素内不能使用块级元素 <p>
background的复合属性用法
月来better
10-14 2139
<div id="imgCon"></div> #imgCon{ width: 200px; height: 200px; border: solid 1px #0000FF; background:cyan url("./img/person.jpg") 10px 50%/90% 62% no-repeat ; }
css --- background 四（多重背景、混合写法）
fupo
04-05 2658
碎碎念：知识点梳理归纳，如果有什么不对的感谢大家指正一起学习！ 2.1 background-repeat2.2 background-size6. 混合写法7. 范例7.1 图片、线性渐变重叠的背景7.2 多重背景图片（background属性缩写） 多重背景图，用逗号区别各个图片 background: url(https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3041487934,2735112150&fm=26&.
CSS入门之背景样式实例，背景图滚动:background-attachment,background复合样式
u011333814的专栏
01-28 1274
背景图滚动分两种： 1.background-attachment:scroll 表示图片随着滚动条滚动 列表实例 i love you i love you very much do you love me if you love me please tell me i love you i love you very much do you love me i
background复合属性详解（上）：background-image
weixin_33928137的博客
12-15 371
background复合属性是个很复杂的属性，花样非常多，比较神奇的是css3 中支持多图片背景了，这篇文章先讲讲background-image属性，其他背景属性会在后续的文章综合总结。 一、最基本的情况是指定一张图片的url作为背景： <style> .parent{ height:200px; width:...
HTML、JS、CSS面试与操作常见问题
2. 第二题是关于CSS属性的使用，选项中有color、background、display和position。正确答案是C，display。 3. 第三题是关于CSS中的盒模型，选项中有content、padding、margin和border。正确答案是B，padding。 4. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值