Detailed explanation of the 8 attribute values of the background attribute (interview question)
|
The value of the background property in CSS
Composite properties: background: background-color background-image background-repeat background-position background-attachment
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
*{
margin: 0;
padding: 0;
}
.pic{
width: 300px;
height:400px;
border: 20px dashed aqua;
padding: 30px;
/* background-color:#f90;
background-image:url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1603882574342&di=e
fe3283a838eef10140bcab16bf06371&imgtype=0&src=http%3A%2F%2Fdpic.tiankong.com%2F8i%2Fzu%2FQJ6411171137.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-attachment: fixed; */
background:#f90 url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1603882574342&di=e
fe3283a838eef10140bcab16bf06371&imgtype=0&src=http%3A%2F%2Fdpic.tiankong.com%2F8i%2Fzu%2FQJ6411171137.jpg)
no-repeat 50% 50% fixed;
background-size: 100px 100px;
background-origin: border-box;
background-clip: content-box;
}
</style>
</head>
<body>
<div class="pic"></div>
</body>
</html>This is the end of this article on the 8 attribute values of the background attribute (interview questions). For more relevant background attribute value content, please search 123WORDPRESS.COM’s previous articles or continue to browse the following related articles. I hope that everyone will support 123WORDPRESS.COM in the future! |
<<: Several ways to set the expiration time of localStorage
>>: Sharing experience on the priority of CSS style loading
Recommend
Detailed explanation of MySQL string concatenation function GROUP_CONCAT
In the previous article, I wrote a cross-table up...
How to reset MySQL root password under Windows
Today I found that WordPress could not connect to...
Detailed explanation of Web front-end performance optimization: resource merging and compression
Resource merging and compression for two purposes...
Solutions to browser interpretation differences in size and width and height in CSS
Let’s look at an example first Copy code The code ...
Use and optimization of MySQL COUNT function
Table of contents What does the COUNT function do...
Tutorial on installing MySQL 5.7.18 decompressed version on Windows
1. Installation process MySQL version: 5.7.18 1. ...
Linux disk sequential writing and random writing methods
1. Introduction ● Random writing will cause the h...
Summary of Commonly Used MySQL Commands in Linux Operating System
Here are some common MySQL commands for you: -- S...
Detailed explanation of the process of building an MQTT server using Docker
1. Pull the image docker pull registry.cn-hangzho...
Pure JS method to export table to excel
html <div > <button type="button&qu...
Detailed explanation of the difference between v-model directive and .sync modifier in Vue
Table of contents v-model .sync The difference in...
Creating private members in JavaScript
Table of contents 1. Use closures 2. Use ES6 clas...
How to do a good refactoring is not only refactoring the code but also refactoring life
It is really not easy to do a good reconstruction...
JavaScript in-depth analysis of the direction of this and how to modify the direction
Table of contents this Method In the object Hidde...
Add a startup method to Linux (service/script)
Configuration file that needs to be loaded when t...