<p>table control :
<!-- height Is the thickness of the horizontal line ,width For the length  -->
<table width=700>
     <tr>
    <td> Horizontal line </td></tr>
<tr bgcolor='red' height=3>
   <td></td></tr>
</table>
<!-- height Is the length of the vertical line ,width Is the thickness of the vertical line  -->
<table>
   <tr>
      <td height='500'  bgcolor='red'></td></tr>
</table>

<p>hr control
<!-- width The length of the control line size The thickness of the control line  -->
Horizontal line ：<hr width=500 size=0 color="#999999">
<!-- width The width of the control line ,size The length of the control line  -->
A vertical bar ：<hr size=500 width="2" color="#999999">
<p>css(div) control
<!-- width The length of the horizontal line of the control line , The thickness of the vertical line ;height: Control the thickness of the horizontal line , The thickness of the vertical line , But the default is the width of the horizontal line of one character  -->
Hard line <div style="width: 2; height: 200; red;"></div>
Horizontal line <br><div style="position:relative; width:600; height:1px; </div>

About the position of the line ： In most cases, absolute position is still used , namely position:absolute. Of course , You can also use relative positions position:relative

css More related articles with vertical lines

  1. use css Draw an icon

    css3 Properties of transform( transformation ) Very versatile , It's also powerful , In order to be familiar with its various conversion methods ( translation translate, rotate rotate, Distortion skew, Shrinkage scale), I've done some common ones ...

  2. use css Draw a triangle

    See there are interview questions will ask how to use css Draw a triangle As we all know, many shapes can be split into triangles , So if you can draw triangles, you can draw many interesting shapes The principle of drawing a triangle is to adjust border( Frame ) The width in four directions of , Line styles and ...

  3. How to use css Draw a triangle

    See there are interview questions will ask how to use css Draw a triangle As we all know, many shapes can be split into triangles , So if you can draw triangles, you can draw many interesting shapes The principle of drawing a triangle is to adjust border( Frame ) The width in four directions of , Line styles and ...

  4. use css Draw a triangle 【 turn 】

    See there are interview questions will ask how to use css Draw a triangle As we all know, many shapes can be split into triangles , So if you can draw triangles, you can draw many interesting shapes The principle of drawing a triangle is to adjust border( Frame ) The width in four directions of , Line styles and ...

  5. use CSS Painting piggy page , You are the next social person ！ js take “I am a coder” Reverse into “coder a am I”, Don't use split,join,subString,reverse; Solution 3

    use CSS Painting piggy page , You are the next social person !   Welcome to Tencent cloud + Community , Get more Tencent mass technology practice dry goods ~ author : Jiang Zhigeng | tencent TEG Network Engineer This is page. , hum , This is my brother George , Quack quack , This is my mother , indicating surprise or wonder ...

  6. Step by step, teach you how to use CSS Draw love

    Today, Xiao Ying is going to share with you CSS The love of painting , There's the code and the production process , I hope that's helpful . First step : First draw a square . Pictured : <!DOCTYPE html> <html> <he ...

  7. Reference resources bootstrap Medium popover.js Of css Draw a message box

    Some time ago, Xiaoying's college classmates sent a screenshot to Xiaoying , The picture is similar to the one below : Xiaoying told her about it at that time , In fact, Xiaoying doesn't know how to draw the triangle above , I told her DOM structure , Concrete css Let her own Baidu , Today Xiaoying's own reference boo ...

  8. Effective front end 3： use CSS Draw a triangle

    p { text-indent: 2em } .triangle-container p { text-indent: 0 } img { margin: 15px 0 } Triangular scenes are common , Open one ...

  9. In pure css Draw a triangle

    In pure css Draw a triangle, the following is the source code : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " ...

Random recommendation

  1. SELENIUM2 Use JavascriptExecutor On the page Javascipt perform

    Purpose : 1. To perform a JS, To change HTML2. Some non-standard controls cannot be used selenium2 Of API when , It can be executed JS Instead of Main operation :JavascriptExecutor j = (Javascrip ...

  2. stay C# How to combine multiple rtf The contents of the file are grouped together in a rtf file save ？

    // The point is to use SelectedRtf attribute private void button1_Click( object sender, EventArgs e ) { //mergeRTF For and after the content of ...

  3. get/post Solutions to the problem of garbled Chinese

    1. article 1 I have a problem recently : use get There is something wrong with the method , use post No problem . The simple description of the problem is like this : <a href="userGroup.jsp?userGroupName=&l ...

  4. Jquery Make forms that can be bound

    // Total number of pages The current page Visible page Parameters Functions that perform post-processing by flipping pages function PageTable(totalPages, currentPage, tableobj, url, where, column ...

  5. O(1) Time to delete the known nodes of the linked list

    This problem doesn't need to traverse from the first node to the known node , Just know the known nodes , Assign the next node to it , Just delete the next node , There are also various situations to consider . 1) The linked list is empty or the known node is empty 2) A linked list has only one node , This node is ...

  6. win7 install redis +php Expand

    1: First download redis:redis-2.0.2.zip (32 bit), decompression . From the address below :http://code.google.com/p/servicestack/wiki/RedisWind ...

  7. [DP Virtual tree of optimization method ]

    First, let's look at an article from xyz: Give me a tree . Each time you ask, choose a few points , Ask for something . The characteristic of these things is , Many unselected points can be eliminated in some way without affecting the final result . So I have the skill of building virtual trees ..... We can use l ...

  8. Go Language to build Ethereum smart contract testing framework （level3）

    Portal : Park chain project college The third class Automated testing of smart contracts Previous course review We introduced it earlier go Language call exec Processing the command line , It introduces toml Configuration file processing , as well as awk Processing text files to get ABI Information . Our code is done ...

  9. Java—— Static variables / Methods and instance variables / Differences in methods

    Static can only call static The static :  Object name . Method name package ti; // Through two classes StaticDemo.LX4_1 Explain static variables / Methods and instance variables / Differences in methods . class StaticDemo { ...

  10. Streaming media technology learning notes （ 7、 ... and ） Advanced tutorial OBS The relationship between parameters and clarity fluency

    Source code address :https://github.com/Tinywan/PHP_Experience Many anchors have asked OBS What are the parameters that affect the image quality , What exactly affects fluency , So this tutorial tries to explain some important parameters in popular language ...