CSS

Border-radius property set the border of the garden corner Possible values: pixels, percent Extended extension HTML code CSS Code p { height:200px; width:200px; border:2px solid #a72525; border-radius:10px;} Results CSS Code p {

Previous words Justification is very common in the production of navigation Nav. This article will detail 3 ways to implement CSS justification Flex Flexible box model Flex, as a powerful, resilient layout, can hold most of the layout effects,

One, the difference between the inline element and the block-level element 1, the line elements will not occupy the whole line, in a straight line, are the same row, horizontal direction; Block-level elements occupy a row and are arranged in a

Background-origin:Specifies which part of the Background-position property is positioned relative to the container. Padding-box background image is positioned relative to the inner margin box; (default) The Border-box background image is positioned

Preface This is a beautiful concise CSS3 Price table style, the price list is based on the bootstrap grid system to layout, through a simple CSS3 code to beautify the price list, style is very stylish and beautiful, and can show good results on

CSS contains three layout models flow model floating model float Layer model layer Flow model The default layout model of a Web page features two 1. Block elements are spread vertically from top to bottom within the containing element, because, by

Today to share a project I just did a small case, because we are doing a chat function, the previous Chat page UI is ugly, I am not here to show you. Now teach you how to use CSS3 to make a page with the same chat interface. Let's start by showing

How do I set the horizontal center? Inline and block-level elements in two different situations 1. Inline elements (piece text) div.textcenter{ text-align:center; } hello joe! 2. Block-level elements The horizontal center of block-level

First: 360-degree rollover effect The second type: Photo wall suspension Effect Related articles: Simply make HTML5 page effect text effects CSS example code for 3D cube rotation effects Details on how the HTML5 3D clothes

The following CSS advanced tips left-2 list-paddingleft-2"> left-2 list-paddingleft-2"> Use: Not () apply/deselect border on menu Add row height to body Everything is centered vertically Comma-delimited list Use negative nth-child

Objective Because of the localization of HTML language, it is not as simple in the web as in Word, especially when the content style is changeable, the content is wide and variable, to achieve a reasonable center is quite a test of engineer

Depending on the Caniuse (http://caniuse.com/#search =rgba), RGBA compatibility is IE9 and above browsers. Instance code: rgba compatibility processing rgba Chrome browser

See the interview questions will ask how to use CSS to draw a triangle It is well known that many graphs can be split into triangles, so that will draw a triangle can draw a lot of interesting shapes The principle of drawing a triangle is to

Foreword: Recently prepared to make a own web page, the design manuscript navigation I prepare to design the rectangle, also has the hover style to display the rectangle, among them some avatars and so on. In addition to drawing a circle, it seems

Recently when using WordPress to write a page, the designer gave a page layout pattern, has never encountered before, its on the computer (resolution greater than 768PX) is as follows: This arrangement is required on the phone (resolution less than

>background:#eeefff;padding:10px;">>background:#eeefff;padding:10px;">This is a very good pure CSS3 button animation, this CSS3 button is characterized by a 3D stereoscopic visual effect, and the button is flexible, click the button when it is very

How do I set transparency? Defines the Opacity property, which enables any element to render a translucent effect, and the basic syntax for the Opacity property is as follows: |inherit Value Description: 1. | is a length value consisting of a

After a style is changed with animate, css control will be ineffective. I wrote a movement on the mobile end a few days ago (the Code of this movement I pasted on this: http://www.cnblogs.com/weiman/p/6600380.html) and then found this problem, as

Difference between display and visibility: displayvisibilityVisibility hidden objects also reserve the physical space occupied by the objects displayed, while display does not. Vilibility: hidden (hidden), visible (display)> display: none (hidden),

CSS3 transition browser compatibility, css3transition 1. Compatibility According to canius (http://caniuse.com/#search=transition), transition compatibility is shown in:     1 2 3 4 21 22 23 24 25 26 move the cursor over the blue div