CSS核心（十七）背景属性 background 的综合使用

人亦已歌 · 发表于 2023-1-31 21:30:28

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>背景属性的综合使用</title>
</head>
<!-- 颜色，图片，平铺，大小，定位 -->
<body>
<style>
        div{
                width:200px;
                height:200px;
                /* background：颜色 图片路径 是否平铺 定位/大小 */
                background:#abcdef url(./img/5.jpg) no-repeat right bottom/100px 100px;
                /* 一行代码同时实现了设置背景,定义平铺,背景定位与调整图片尺寸。 */
        }
</style>
<div>
        这是盒子
</div>
</body>
</html>

显示结果为：

lt5208 · 发表于 2023-2-17 05:09:19

哎 ~~~~~~~~~~ 默默无问两眼泪啊~~ 太好了，这篇文章我一定要收藏，（楼主不介意吧）他将是将是我踏上成功的催化剂

无心人 · 发表于 2023-2-23 06:12:09

受益非浅，相见恨晚！首先，祝楼主和所有论坛的朋友新年快乐！！！其次，谢谢楼主和我们分享你的经验！！！其实经验也是一种财富！！！谢谢你把你的财富与我们共享！！！看了这篇文章感触颇多！！！其中两点最为深刻！！！ 1.应聘不成功，只能说明我们不够好！！正应为我们不够好，所以我们必须更加努力！！ 2.要正视自己，端正自己的目的，不断从自身寻找问题，解决问题！！！我也觉得还是应该学会写，然后才去解决优化的问题顶,学习永远都是无止境的,看来大家都要努力了!!

fuuingxia · 发表于 2023-2-28 01:53:10

我才小学四年级，看不懂

浪缘 · 发表于 2023-3-4 17:14:52

^学习

龙胆 · 发表于 2023-3-11 02:23:55

文章写的太好了，不过在具有优秀的效果之前要解决的问题，还应该是“怎么才能实现”的问题。对于解决了如何完成设计的人来说，如何把程序的效率提高确实是最重要的；但是，对于还不能完成设计目的的人来说，是谈不到效率的。当然，从一开始接触程序，就强调效率；每作一个程序，就试图超越自己；………… 这都是楼主给我们很好的启示。