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 the solution to the problem of Ubuntu system interface being too small in vmware14Pro
1. Operating Environment vmware14pro Ubuntu 16.04...
Pitfalls based on MySQL default sorting rules
The default varchar type in MySQL is case insensi...
How to run nginx in Docker and mount the local directory into the image
1 Pull the image from hup docker pull nginx 2 Cre...
Detailed explanation of MYSQL stored procedure comments
Table of contents 1. Instructions for use 2. Prep...
Using MySQL in Windows: Implementing Automatic Scheduled Backups
1. Write a backup script rem auther:www.yumi-info...
Modify the default scroll bar style in the front-end project (summary)
I have written many projects that require changin...
MySQL slow query pitfalls
Table of contents 1. Slow query configuration 1-1...
Implementation steps for building Webpack5-react scaffolding from scratch (with source code)
Table of contents webpack5 Official Start Buildin...
Innodb system table space maintenance method
Environmental Description: There is a running MyS...
Examples of using MySQL covering indexes
What is a covering index? Creating an index that ...
Nginx implements high availability cluster construction (Keepalived+Haproxy+Nginx)
1. Components and implemented functions Keepalive...
MySQL 5.7 mysql command line client usage command details
MySQL 5.7 MySQL command line client using command...
MySQL uses triggers to solve the row limit of the table in the database. Detailed explanation and examples
MySQL uses triggers to solve the row limit of the...
Solve the problem of running jupyter notebook on the server
Table of contents The server runs jupyter noteboo...
Summary of nginx configuration location method
location matching order 1. "=" prefix i...