Use CSS Border attributes

xiaoxiao2021-03-06  100

.

Author: Fengyong Yao Source: Huangshan countryman

People who make web pages have experience in the painting line, this paper introduces the tip of this article Maybe help you. Let's first meet "Border" (Picture Box), it is a property of CSS, use it to determine the range of HTML tags (such as TD, DIV, etc.) sessions, which can define the type, width of the frame line And color, use this feature, you can make some special effects. The application skills will be explained below. 1. In the example above the text plus border, give a paragraph plus different borders, just to illustrate the color of the frame, thickness is variable. The CSS code of the first frame is: style = "border: thin solid red"; "Border" The meaning of the three parameters behind: The width of the frame line is: Thin (thin line); the type of the border line: Solid Solid line); color of the frame line: RED (red). We define the border, actually, set these three parameter values. The width of the frame line has three standard values: Thin (thin line), MEDIUM (medium thick line) and Thick (thick line), but also custom width, such as: 1pt, 5px, 2cm, etc. The type of the frame line has nine determined values: None (boundless frame), Dotted (dotted by point consisting), Dashed (dotted by short-term), Solid (solid line), Double (double line, double line width The width of the blank portion between them is equal to the width of the Border-Width definition), the Groove (3D grooved border), Ridge (3D ridge border), INSET (3D inner border, deep color), OutSet (3D outer frame, shallow color), Note: If the system does not support the properties values ​​of these borders, "Dotted", "Dashed", "Double", "Groove", "Ridge", "INSET", " Outset "will be replaced by" Solid ". The color of the frame line: You can use hexadecimal color code, such as # 00ffc. As can be seen from the above, it is really simple to give the text, and the settings of the few borders behind the above case, I don't tell you! Tell you here little skill, give a text plus border, you can add CSS to the

mark; give a few paragraphs to add the border, first enclose the text with the DIV mark, then add CSS to < Div> Mark; if you want to add a few different borders, you need to put your text in the form, add CSS to the tag, please. 2, give the navigation menu plus the small white line in this example above, of course, you can do it with an image, but I am here to draw a side of the border with CSS "Border" extension attribute, so that this code should be less Most.

转载请注明原文地址:https://www.9cbs.com/read-96565.html

New Post(0)