HTML Diff
0 added 0 removed
Original 2026-01-01
Modified 2026-03-09
1 <ul><li>index.html</li>
1 <ul><li>index.html</li>
2 <li>style.css</li>
2 <li>style.css</li>
3 </ul><p>HTML</p>
3 </ul><p>HTML</p>
4 <p>&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;title&gt;Frames and Triangles, Part 3&lt;/title&gt; &lt;meta charset="utf-8"&gt; &lt;link rel="stylesheet" href="setting.css"&gt; &lt;link rel="stylesheet" href="style.css"&gt; &lt;/head&gt; &lt;body class="geometry"&gt; &lt;div class="arrow-top-right"&gt;&lt;/div&gt; &lt;div class="arrow-bottom-left"&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt;</p>
4 <p>&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;title&gt;Frames and Triangles, Part 3&lt;/title&gt; &lt;meta charset="utf-8"&gt; &lt;link rel="stylesheet" href="setting.css"&gt; &lt;link rel="stylesheet" href="style.css"&gt; &lt;/head&gt; &lt;body class="geometry"&gt; &lt;div class="arrow-top-right"&gt;&lt;/div&gt; &lt;div class="arrow-bottom-left"&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt;</p>
5 <p>Thanks! We’ll fix everything at once!</p>
5 <p>Thanks! We’ll fix everything at once!</p>
6 <p>You’ve gone to a different page</p>
6 <p>You’ve gone to a different page</p>
7 <p>Click inside the mini-browser to shift the focus onto this window.</p>
7 <p>Click inside the mini-browser to shift the focus onto this window.</p>
8 <p>100%</p>
8 <p>100%</p>
9 <p>Change the frame of the .arrow-top-right block:</p>
9 <p>Change the frame of the .arrow-top-right block:</p>
10 <ol><li>set the color of the upper border to #0074d9,</li>
10 <ol><li>set the color of the upper border to #0074d9,</li>
11 <li>make the bottom border thickness 0,</li>
11 <li>make the bottom border thickness 0,</li>
12 <li>then set the right border thickness to 0,</li>
12 <li>then set the right border thickness to 0,</li>
13 <li>and finally define the color of the left border as transparent.</li>
13 <li>and finally define the color of the left border as transparent.</li>
14 </ol><ol><li>Create a triangular arrow that is diagonally pointed down and to the left from the .arrow-bottom-left block.</li>
14 </ol><ol><li>Create a triangular arrow that is diagonally pointed down and to the left from the .arrow-bottom-left block.</li>
15 </ol>
15 </ol>