table cell 之前的 gap default 是 2px, 可以通过 border-spacing 来调 HTML Table Colgroup Link to W3Schools 在table 顶部 (caption 之下) 添加<colgroup>可以用于表示那一些 column 需要 style 这个方案有很多限制, 所以不推荐使用. 只支持下面这些 style 在Safari 支
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more.
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more.
<!DOCTYPE html> <html> <title>W3.CSS</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/5/w3.css"> <body> <div class="w3-container"> <h2>Responsive Image</h2> <p>An image can be ...
Link to W3Schools以前常用于把多个 icon 放到 1 个 image 里.通过background-image + position 调出图片然后显示某个区域而已CSS Attribute SelectorsLink to W3Schools[target] = 有 attribute "target"[target="_blank"] = 有 attribute "target" 同时 attribute value 是 "_blank"...
background-image: linear-gradient(to right, red 25%, yellow 50%); 表示开始到 25% 纯红, 然后渐变去黄, 从 50% 的位置开始变成纯黄 Radial Gradients Conic Gradients CSS Shadow Effects Link to W3Schools Text Shadow h1 { text-shadow: 2px 2px 5px red; } 分别代表: horizontal, vertical, ...
<!DOCTYPE html> <html lang="en"> <head> <title>CSS Template</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> * { box-sizing: border-box; } body { font-family: Arial, Helvetica, sans-serif; } /* Style the...
Image Repeat & Position Link to W3Schools 默认是 repeat, x 和 y 都有. repeat-x 只 repeat horizontal repeat-y 只 repeat vertical no-repeat 不要 repeat 默认position 是 left top. Attachment Link to W3Schools scroll 的时候要跟还是定在原位, fixed or scroll. ...
CSS Image Sprites Link to W3Schools 以前常用于把多个 icon 放到 1 个 image 里. 通过background-image + position 调出图片然后显示某个区域而已 CSS Attribute Selectors Link to W3Schools [target] = 有 attribute "target" [target="_blank"] = 有 attribute "target" 同时 attribute value 是 "_blank...
<!DOCTYPE html> <html> <body> <p>To create a link that opens in the user's email program (to let them send a new email), use mailto: inside the href attribute:</p> <p><a href="mailto:someone@example.com">Send email</a></p> </body> </html> ...