changebar-desc.html
来自「CSS lets learn this step by step...」· HTML 代码 · 共 37 行
HTML
37 行
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html lang="en"> <head><meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1"> <title>Long description for change bar example</title> </head> <body> <h1>Long description for change bar example</h1><P>This diagram illustrates the use of absolute positioning to createa changebar effect. The changebar (represented by two hyphens in theimage) appears in the 10px space to the left of the paragraph.<P>The illustration shows a vertical line that represents theleft edge of the paragraph's containing block. The paragraphtext (in black) is shifted 10px from this edge (shown inthe diagram). The change bars (two red hyphens) appear to theleft of the word "THIS", which begins the fourth lineof text.<P>The following PRE element simulates the example.Vertical bars represent the left containing block edge.</p><PRE>| I used two red hyphens to serve | as a change bar. They will "float"| to the left of the line containing | --THIS word.</PRE><P><a href="../../visuren.html#img-flow-changebar">Return to image.</a> </body></html>
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?