Here is a second example with a bordered word, with different styles applied to the top, bottom, left, and right. In the example below, a border is added to a single word using the span tag. Placing the CSS formatting inside the style attribute can be applied to other HTML tags, such as the div tag or span tag. This line is actually a border, achieved with the CSS code border-bottom: 1px solid #93B0D2. For example, with the heading of this page, we have a grey underline. In the example above, the color code #FF0000 is used, which is the color code for red.Ī border can also be applied to only one side. The border color defines the color you want to use for the border. In our example, we used the "solid" border style. The style of the border is how the border appears on the screen. In the code above, the CSS is defining the border size ("px" short for pixel), style type, and border color. First example with text surrounded by a red border.This example also has multiple lines. To create the example above, the code below is used. In the example below, we surrounded a paragraph ( ) with a solid red border that is 3 pixels wide.įirst example with text surrounded by a red border. To add a border using the style attribute, add the border CSS inside the quotes after style=. HTML tags can be formatted using a style attribute. Width, specified as thin, medium, or thick CSS Border PropertyĪny valid combination of the properties below. The following table elaborates on the details of each and which values are acceptable to make them work properly. Add a border using the style attribute.īorder CSS has properties for line type (solid, dotted, etc.), line width, and line color.Custom colors and colors on the Standard tab aren't updated if you later change the document theme. In the Colors box, either click the color that you want on the Standard tab, or mix your own color on the Custom tab. On the Drawing Tools Format tab, click Shape Outline, and then click More Outline Colors. To change the border to a color that isn't in the theme colors On the Drawing Tools Format tab, click Shape Outline and, under Theme Colors, pick the color you want. If you want to change multiple shapes or text boxes, click the first shape or text box, and then press and hold Ctrl while you click the other shapes or text boxes. When you do that, the Drawing Tools appear. On the Drawing Tools Format tab, click Shape Fill > More Fill Colors. To change the fill color to a color that isn't in the theme colors To change multiple shapes or text boxes, click the first shape or text box, and then press and hold Ctrl while you click the other shapes or text boxes.Ĭlick Shape Fill, and under Theme Colors, pick the color you want. In the Colors box, either click the color you want on the Standard tab, or mix your own color on the Custom tab. On the Drawing Tools Format tab, click Text Fill > More Fill Colors. To change the text to a color that isn't in the theme colors Note: The Text Fill and Text Outline menus might not be active until you start typing in your shape.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |