Tag:Background picture

  • CSS – background


    backgroundIt’s a kind ofCSSShort attribute, which is used to define one or more background attributes in a set at one time:background-clip、background-color、background-image、background-origin、background-position、background-repeat、background-sizeandbackground-attachment。For all abbreviated attributes, any values that are not specified are set to their valuesInitial value。 grammar backgroundYou can set one or more background layers separated by commas. The syntax of each layer is as […]

  • Who said to be PS? This open-source artifact can also be pulled in batch, and the effect is outstanding!


    [introduction]: an open source tool that can be used to quickly remove background pictures. After installation and configuration, you can batch operate pictures on the server and command line. brief introduction Rembg is a tool implemented in Python for removing background images. It requires Python version 3.8 or higher. It supports batch operations. It can […]

  • Webpack stepping on the pit — resource path 404 problem after packaging


    preface This article is a project created based on the lower version of vue-cli2. X. to modify the webpack configuration after vue-cli3.0, you need to create a new one under the project root directoryvue.config.js, but they all change the soup without changing the dressing Project configuration The page is very simple, a paragraph of text, […]

  • Beautiful website home page, top multi-layer navigation


      A personal browser home page, you can put the common website here, usually open will be more convenient. The first step is HTML code search name name name work name name name name name name study name name name name name name name name name entertainment name name name name name name name name […]

  • Six interesting tips for setting CSS background pictures


    The background image may be one of the CSS attributes that all front-end developers have used at least a few times in our career. Most people don’t think the background image is unusual, but…… 1. How to fit the background image perfectly to the view body { background-image: url(‘https://images.unsplash.com/photo-1573480813647-552e9b7b5394?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2253&q=80’); background-repeat: no-repeat; background-position: center; background-attachment: fixed; […]

  • Windows 7 can only set solid background solution


    Solve the problem of setting solid color picture, can’t set other background picture. Like this.   Find the directory first C: (fill in your computer user name in this location) appdata / roaming / Microsoft / Windows / themes Delete it. If the deletion is successful, it will be OK. Just reset some background pictures. […]

  • Summary of CSS and common attributes


    CSS summary What is CSS CSS is a cascading style sheet, which can modify and render web pages. How to use CSS in web pages 1. Direct use (not recommended) reason: there are many attributes in the tag, which will cause page confusion and cannot be reused. Through theStyle attributeStyle div Border: 2px solid red […]

  • How to make the picture not deformed?


    1. How to make the picture not deformed? Generally, we use picturesimgLabel, under normal circumstances there will be no problem. However, if the width and height need to be limited, and customers do not have special operators or do not upload pictures as required, the situation on the left side of the figure above is […]

  • Making a revolving pyramid


    Making rotation pyramid animation, using CSS animation, the results are as follows,Here’s the codeThere are four layers needed to create a pyramid <div class=”triangle”> <div class=”box”> <div class=”surface1″> </div> <div class=”surface2″> </div> <div class=”surface3″> </div> <div class=”surf“ace4″> </div> </div> </div> Position the pyramid and the size of the pyramid (this doesn’t matter) .triangle { width: […]

  • Vue project release


    One. Development environment and production environment access to the pre API part of the path is not the same.1. Divided into production environment and development environment. The interface path of the development environment may be different from that of the production environment prod.env.js In the property API_ ROOT.2. Make a judgment in the access interface […]

  • Webpack solves the problem of style URL () background image


    Positioning error The project is compiled with webpack4, and the background image specified by URL method in the packaged style cannot be displayed normally .bgurl{ background-image: url(‘/images/abc.jpeg’) } Error in compiling the above style in webpack. The configuration is as follows // stylus [ loader: MiniCssExtractPlugin.loader, { loader: ‘css-loader’, options: { importLoaders: 2, } }, […]

  • 6. UICollectionView Decoration View


    6. UICollectionView Decoration View UICollectionViewIt allows us to add a decoration view for each section, cell or even the whole collection view. How to say this thing is to add some reusable views. The frame of the view can be set at will, and the key point is to set it at will. 1. Add […]