how to make rainbow background in css

When you want to place a large submenu in a limited navigation menu space, we generally use the form of a Pull-down menu to make up for the lack of space. This article will take you with a minimum of time, using jquery and CSS combined to create a dynamic drop-down menu. XhtmlThe first is to introduce the jquery library into the head section of the page, which is necessary. Then I use an

For example, make a small circle (in a red box):How HTML and CSS should be written:css:p span { padding:2px 9px; background: #CCC; Border-radius:50%; Margin-left:5px; Cursor:pointer;} P span.current { background: #F90;}The padding setting allows the interior of the span to occupy an empty space and fill t

2013-07-21 15:06:47Beijing time 4 months, 8 hours, Lushan County, Yaan City, Sichuan province (north latitude 30.3, Longitude 103.0) 7.0 magnitude earthquake occurred. Source depth of km. The major web site will be grayed out, I sorted out the next part of the website grayed out CSS code. 1, the website all grayHTML{Filter:grayscale (100%);-webkit-filter:grayscale (100%);-moz-filter:grayscale (100%);-ms-filter:grayscale (100%);-o-filter:gra

Method 1: Absolute positioning +margin:auto .parent{width:800px; height:500px; border:2pxsolid #000; position: relative;} .child{width:200px; height:200px; margin:auto; position:absolute; top:0;left:0;bottom:0;right:0; background-color:red;} Method 2:display:table-cell .parent{width:800px; height:500px; border:2pxsolid #000; display:table-cell; vertical-align:middle; text-align:center;} .child{width:200px; height:200px; display:inline-block;

Http://zhidao.baidu.com/link?url=cvQhh0Q7_ah0qg9tc-2zP0cjB_ Poiiiq6t6rfpp4azppnovjuqyy7tt41tu5pwzrtryimnckdmkav36or-rrafyyghs__ulnjlnioggkyoc How does css make nested div layers not inherit the transparency of the parent div layer? http://blog.csdn.net/foart/article/details/39177653 Div floats on top and makes div background Translucent Code http://xiaohuang.cc/p

If CSS filters are flexibly applied and combined, we can achieve many unexpected results. This is an example of the effect for your reference.Effect 1:The shadow filter is used for this effect. The code is as follows:Filter: shadow (color = black, direction = 135)Result 2:The code is as follows:Filter: blur (direction = 135, strength = 10)Effect 3:The code is as follows:Filter: dropshadow (color = #888888, offx = 8, offy = 8, positive = 1)Effect 4:The

The picture effect of frosted glass makes its display more beautiful, the user experience is better, so it is widely used in mobile computer terminal.such as the iOS system:　　So now let's take a look at the implementation of the effect of frosted glass:First, this is the main content of HTML:　　 div class = "Container" > div class = "Mat_class" > div > p class = "word" > SHOW time p > div > Here container is used to place textMat_class is a container used to form the ef

Source: http://www.ido321.com/858.html：Demo Address: http://jsfiddle.net/Web_Code/q5qfd8aL/embedded/result/Code: 1:html> 2:html lang= "en"> 3:head> 4: Meta http-equiv= "contentcontent=" Text/html; Charset=utf-8 "> 5: title> photo Carousel Focus /title> 6: style type= "Text/css"> 7: . Div 8: { 9: width240px; Ten: positionAbsolute;One : } : ul : { :

Want to show the title or content of a piece of news in the layout, especially the content, more ... The following approach is to control how much text is displayed by using CSS:First, write in the HTML:After that, you start to set CSS styles:. ellipsis {Height:3em;Line-height:1.5em;width:100%;Overflow:hidden;position:relative;}. ellipsis:after {Background-color: #F2F2F2;Color: #F2F2F2;Display:inline;positi

Code: (The div and input must be continuously written together and cannot be wrapped)Divstyle= "font-size:36px;margin-top:30px">Divstyle= "Display:inline;background-color: #f9f9f9;p adding-left:5px;padding-right:5px;border:1px solid #aaa">-Div>inputtype= "Number"value= "1"readonly Style= "text-align:center;font-size:25px;height:45px;margin-top:-6px;width:100px;border-left:0px;border-right:0 px;border-bottom:1px Solid #aaa "/>Divstyle= "Display:inline;

Long ago understand that when the element is fixed width and height, the horizontal vertical high Center method can set the negative value of the margin to the center, this negative value is half the width and height of the element, such as the width of the height is 100px, then use Margin-left:-50px;margin-top: -50px such a way of writing. But what if the width and height of this element are expressed as a percentage?If you use a percentage to set the width, the previous negative method has not

css|web| Standard | Web page OK, here's my web naming standard. In the article "setting up my own operating standards" Yesterday, I pointed out that the main way to improve development speed was to reduce duplication of effort. And today's topic is also to reduce the duplication of work in some of the prophase. Shut up and say less, I go straight to the point: We are in the name of must pay attention to a little--id names cannot be sandwiched with s

The effect is this:Picture do background: Background:url (kx100-d-001.png) 50% 50%;And then, the middle is big, centered. But the following small print does not need to be centered, how to do?#sdiv1 {margin:10px auto 0px auto; width:100%; Height:631px;padding:0px;background:url (kx100-d-001.png) 50% 50%; Text-align:center;} #sdiv1 p {margin-top:30px; margin-bottom:0px; width:100%; height:auto;padding:0px; font-size:40px; color: #000}Very simple: As lo

If it's a background map,Define a div, height 100%, width 100%, put an img inside Html,body{overflow:hidden;}. Bg{width:100%;height:100%;top:0;z-index:-1; position:absolute;}. BG img{display:block;outline:none;border:0;height:100%;width:100%;}With CSS, how to make the picture automatically adapt to the screen size, no scroll bar, no distortion, compatible with

First look at what we need to achieve an effect! OK, finish the effect, then, with CSS how to achieve this effect? First, write a simple code: Copy code code as follows: Here, we can get a black square, in fact, this is the frame, because the width and height of the div is 0, then, we specifically to see, div width and height are 0 o'clock, it's the top and bottom of the four border is how, the following we put the color of the border of