title: Making a cell border exactly like Excel's fill handle?
body: <p>I am trying to make a webpage that looks exactly like an Excel Spreadsheet. Instead of using other tools like images, I want to do it by using html and css only.</p>
  
  <p>A screenshot of my local webpage:</p>
  
  <p><img src="https://i.imgur.com/VZxiOnt.png" alt="http://imgur.com/VZxiOnt"></p>
  
  <p>But the problem is that I don't know how to put a square at bottom-right of the border of cell B2, so that it looks like a Fill Handle as in Excel.</p>
  
  <p>Please help me. Table coding I have used is: </p>
  
  <pre><code>&lt;style type="text/css"&gt;
  .ExcelTableFormationCol {
                            width: 55px;
                            height: 20px;
                            text-align: center;
                            font-family: Arial Narrow;
                            font-size: 14px;
                           }
  
  .ExcelTableFormationRow {
                            background-color: #EEEEEE;
                            text-align: center;
                            font-family: Calibri;
                            font-size: 16px;
                            height: 20px;
                           }
  
  #LastRow td {
                border-bottom-width: 0px;
              }
  
  .LastCol {
             border-right-width: 0px;
           }
  &lt;/style&gt;
  
  &lt;table border="" style="border-collapse: collapse; border-bottom-width: 0px; border-right-width: 0px;"&gt;
    &lt;tr style="background-color: #EEEEEE;"&gt;
      &lt;td style="width: 25px;"&gt;&lt;/td&gt;
      &lt;td class="ExcelTableFormationCol"&gt;A&lt;/td&gt;
      &lt;td class="ExcelTableFormationCol" style="background-color: Gold;"&gt;B&lt;/td&gt;
      &lt;td class="ExcelTableFormationCol"&gt;C&lt;/td&gt;
      &lt;td class="ExcelTableFormationCol"&gt;D&lt;/td&gt;
      &lt;td class="ExcelTableFormationCol"&gt;E&lt;/td&gt;
      &lt;td class="ExcelTableFormationCol"&gt;F&lt;/td&gt;
      &lt;td class="ExcelTableFormationCol"&gt;G&lt;/td&gt;
      &lt;td class="ExcelTableFormationCol"&gt;H&lt;/td&gt;
      &lt;td class="ExcelTableFormationCol"&gt;I&lt;/td&gt;
      &lt;td class="ExcelTableFormationCol" style="border-right-width: 0px;"&gt;J&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td class="ExcelTableFormationRow"&gt;1&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td class="LastCol"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td class="ExcelTableFormationRow" style="background-color: Gold;"&gt;2&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td style="border: 3px solid black;"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td class="LastCol"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td class="ExcelTableFormationRow"&gt;3&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td class="LastCol"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td class="ExcelTableFormationRow"&gt;4&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td class="LastCol"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td class="ExcelTableFormationRow"&gt;5&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td class="LastCol"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td class="ExcelTableFormationRow"&gt;6&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td class="LastCol"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td class="ExcelTableFormationRow"&gt;7&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td class="LastCol"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td class="ExcelTableFormationRow"&gt;8&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td class="LastCol"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr id="LastRow"&gt;
      &lt;td class="ExcelTableFormationRow"&gt;9&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td class="LastCol"&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>