how to make rainbow background in css

it is more flexible than pixel positioning.Disadvantage: unable to deal with complicated percentage positioning in IE. Background-position:0% 0% Background-position:0% 33.33333% Background-position:0% 66.66666% Background-position:0% 100% Tip: you can modify someCodeRun againPrinciple. Unlike pixel positioning,

,. r_C ,. r_d {Background: # cf6 }. r_a {margin: 0 5px }. r_ B {margin: 0 3px; border-width: 0 2px }. r_C {margin: 0 2px }. r_d {Height: 2px; margin: 0 1px} HTML section ...... Content container ..... CSS triangle This is relatively simple. After the element is defined as block-level 0 (0 width 0 height 0 font size 0 rows high), it is implemented by changing the border-color value of the elem

CSS + DIV webpage style and layout-page Background image effects, cssdiv After the CSS text effect is the page of the webpage, the page must have images to be more colorful. Pictures make our life more diversified, if some images are inserted in an article, they will be more eye-catching. Now we will reveal what the i

PS + Div + CSS creates a blue background Compatible with mainstream browsers How to design a page? How can we better implement slice? How to consider compatibility? How do I use Div + CSS to make the percentage layout of the background? Login page design Design in

;Background:transparent URL (bg.jpg) no-repeat scroll 50% 50%;border:5px solid Green;}Its x= (300-210) *50%=45px;Y= (150-120) *50%=15px;Effect 5:Figure 5Since the part does not extend to both ends, we can first make a wide enough width picture to set the horizontal value to 50%, which can be used to adapt to different browsers, so that the picture is filled with the browser window and center. Replaces the MARGIN:50 Auto feature.6,

For example, set a background in a container (Body,div,span). The long-width value of this background cannot be modified until css2.1.So the actual result is only repeated display, so there are repeat,repeat-x,repeat-y,no-repeat these properties. is used toControls the display of background images. So there are 2 categories that are commonly used as

So what, Stay up late and do 11.11 of the activity, on the PC side encountered a transparent background and transparent pictures of the problem, in fact, have encountered before, but did not summarize up, forget, this time and hit the wall, it must be recorded, one to make a small summary, mention a wake up, recently become lazy, no effort will hang upside down, and second, because there is no complete solu

In our design to make some Web pages may use the translucent effect, first we may think of PNG image processing, of course, this is a good way, the only compatibility problem is IE6 under the bug, but this is not difficult, plus a section of JS processing on the line. But if we need a translucent mask of the pop-up layer, such as landing box, registration box, hints, etc., this may require the entire page to be covered by a translucent mask layer, the

Prepare a Sprite chart first, like thisThere are 3 ways to locate the background image, the two commonly used forKeywords: background-position:top left; (top/bottom/cennter/left/right) Pixels: background-position: Move px horizontally to move px vertically;Keywords:Where the keyword method background-position:top lef

Create a playing card Series 1-css sprites image background Optimization Technology Original Site: biny reprinted, please indicate the source Search for the css sprites name in google to find a lot of information. As SEO is becoming more and more popular, more and more websites are using this technology for image optimization, several large portal website

Css ..:: Skillfully use CSS to make WordArt::. We can get a lot of unexpected effects if we apply the features and combinations of CSS filters flexibly. This is a number of effect demonstrations for your reference.

Using xhtml + css for webpage layout has many attributes related to operations on background images. Most of the images on many performance factors are processed using the background. All attributes of CSS background can be processed.Body {

**************************************** **************************************** ***************** 3. Use a picture of the PNG-8 instead Source: Network PNG-8 is generally saved with PS :( in "file-> storage for Web and device format" Save, sometimes will use the "diffusion transparency imitation color ") Advantage: you do not need to process it as mentioned above Disadvantage: if there is a rounded corner, it will look a little right angle. If there is a gradient outside the image

CSS Background Image settings:DOCTYPE HTML>HTML>Head> MetaCharSet= "Utf-8"> Metaname= "Viewport"content= "Width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> title>title> Scriptsrc= "Js/mui.min.js">Script> Linkhref= "Css/mui.min.css"rel= "stylesheet"/> Scripttype= "Text/javascript"CharSet= "Utf-8">Mui.init ();

This time for everyone to bring, the attention matters are what, the following is the actual case, together to see. First, Background-attachment properties In CSS, use the background attachment property background-attachment to set whether the background image is scrolled o

First look at the well-known solutionsIf we want a semi- transparent background, there are two ways to implement it:1. Using CSS and opacity properties . Opacity { Filter:alpha (opacity=50);/*ie Browser */ opacity:0.5;/* non- IE browser */ } copy code 2, create a 24-bit PNG background picture The first problem with o

css| Background Picture | Web page Background picture background images has many properties to manipulate.Fortunately, you can use background to handle all of the following: Body {Background:white URL (http://www.webjx.com/images/bg.gif) no-repeat top right;} The following

Chapter 4 CSS border and background [Top]-original learning points of water: 1. Declare border 2. Border Style 3. rounded border Lecturer: Li Yanhui This chapter mainly discusses CSS borders and backgrounds in HTML5, and adds richer appearances to elements through border and background style settings. I. Declare

picture should be the path relative to the page file, not the path to the CSS file, or use an absolute path.In summary, the definition of compatibility can be: The code is as follows Copy Code . pngbox {. Background:url ("translucent.png") no-repeat 0 0;. _filter:progid:dximagetransform.microsoft.alphaimageloader (src= ' translucent.png ', sizingMethod= ' scale ');. _background:none;} For more information on the

yourself.CSS3 Background-blend-modebackground-blend-modeThis is to better understand a little bit, the background of the mixed mode. It can be a blend of background images, or a blend of background pictures and background colors.It is important to note that only the