Alibabacloud.com offers a wide variety of articles about how to make rainbow background in css, easily find your how to make rainbow background in css information here online.
How does css make the background image stretch and fill to avoid repeated display? css background image
The question of how to stretch and fill the background image seems very simple. But I am sorry to tell you. It's not that simp
css| Control | design | Web page background | Web Design
How to use CSS to control the background of a Web page in accordance with standard Web design? Some questions, including background colors, background pictures, and more, ar
can use the CSS properties Background-color Rgba to easily achieve background transparency, while text remains opaque. The Ie6/7/8 browser does not support RGBA, only the use of IE's exclusive filter filter:alpha to achieve, but this writing will also make the text transparent, so only in the transparent container chi
on the background forever, it will not be overwritten by the background */:;/* only the located element can use z-index */} {:;/* to locate and overlap with main */:; :;:;:;:;}
Then we use the script to control the bg width and height to make it consistent with the main width and height.
Js:
mainObj = document.getElementById('main' bgObj = document.getElementBy
This time to bring you CSS to make a picture of the background of the hexagon, CSS to make a picture of the background of the hexagon to fill the attention of the matter, the following is the actual case, together to see.
The hex
What are the advantages of using a background map to make a page in CSS ?Briefly introduce the advantages of CSS Sprites:When the user to the U disk to copy 200 pictures, will wait a long time. But if you make a file, copying it will be much faster.The goal of
Css may use the background of the tag to produce interesting results. This effect is an effect that someone wrote an email to me today. I wrote A similar effect using the background of the tag before. So I wrote the effect he requested when I got back! By the way, I will share with you that if you are very creative, you will certainly be able to
This effect is an effect that someone wrote to me today, before remembering to write a similar effect with the background of a tag. So just came back to write a bit of the effect he asked! By the way to share with you, if you are very creative, then you will be able to make more interesting results.
He proposed the effect, is nine days music home a flash of the effect, to use
This effect is an effect that someone wrote to me today, remembering the background of a label before writing a similar effect. So just came back to write about the effect of his request! By the way, share with you, if you are creative, you will be able to make more interesting effects.
He put forward the effect is nine days of Music home page A flash effect, to use CS
Ideas:1. Because it is a vertical list, the outer layer is relatively positioned so that it does not overlap together relative2. Absolute the inside with absolute position, cover the picture above3. Here is a little trick, I have a special effect, text erect, and rotate to the right 90 degrees (WebKit core) width:20px; font-size:20px; -webkit-transform:rotate (90DEG);"position:relative; max-width:560px; min-height:115px ;">"/resources/images/hongbao_ky.png"style="width:100%; max-width:560px; min
display is that it takes a whole line. We're going to try something else inside the tag element look at the situation, the same code, not the same label, let's take a look at:
This is the first P tag in the change to the span tag, let's look at it in comparison:
I changed the CSS style of span to blue, which is what we see now, one is the inline tag, where the text is to where the background is, and the
; Background-attachment: Scroll;background-repeat:repeat-y;Can be combined as a single line:Background:transparent URL (image.jpg) 50% 0 scroll repeat-y;And you do not need to specify each value. If you omit the value, the default value for the property is used. For example, the above line has the same effect as the following:Background:url (image.jpg) 50% 0 repeat-y;General usage of the backgroundIn additi
="touMingDiv">div>h1> This is a transparent layer.This is a transparent layer.h1>div>p>This is a transparent layer, but the text and images above are not transparent, compatible with ie7, ie8, ie9, ie10, FF, Chromep>img src="bg.jpg"/>div>
For CSS, we may write it like this.
1234
.touMingDiv{filter:Alpha(opacity=60);opacity:0.6;}
However, after testing, we found that not only is the div container translucent, but the text and im
Auto
Default value. The image is displayed in the original size.
3
Cover
Proportional scaling of the image to make the image cover at least the container, but may exceed the container
3
Contain
Scale the image proportionally so that the image width and height are larger than those in the container horizontally or vertically.
3
Length Value
CSS length
: background color and background picture can coexist, please set a usable background color, so that if the background image is not available, the page can also get good visual effect.
Body {background-image:url (' paper.gif '); Backgrou
stretched to the border. This indicates that the background color is relative to the outer edge of the Border-box. So it is clear that the background image and the background color of the relative box is inconsistent.
Now let's look at the third question: How do you make the bac
Town Field Poem:The Pure Heart sentiment wisdom language, does not have the world name and the benefit. Learn water under the hundred rivers, give up arrogant slow meaning.Learn to have a small return to feed root, willing to cast a conscience blog. Sincere in this writing experience, willing to see the text to inspire.——————————————————————————————————————————CodeText introduction excerpt from "Baidu Encyclopedia"Result——————————————————————————————————————————The essence of the blog, in the te
CSS background effect and css backgroundPrevious
This article will detail the CSS background Effects
Striped background
[Dual-striped background]
background:linear-gradient(#fb3 50%,
scales. However, if a vertical scroll bar exists, the image is not fixed and will move with the scroll bar. You only need to set the image width to 100%.
The code is very simple. There are only a few lines. It uses Baidu's space map:
HTML:
CSS:
1 body{ margin:0; padding:0;}2 #pic{ width:100%;}
CSS background image-centered browser size changes cannot be repair
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.