App下载
APP二维码

扫码下载编程狮APP

实例代码( Tip: 登录后体验更佳 )
运行代码 
<!DOCTYPE html>
<html>
<title>编程狮(w3cschool.cn)</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://7npmedia.w3cschool.cn/w3.css">
<body>
    <div class="w3-container w3-teal w3-margin-bottom">
        <h1>白葡萄酒-霞多丽</h1>
        <a href="tryw3css_examples_sauvignon_blanc.htm"><span class="w3-left w3-xxlarge">«</span></a>
        <a href="tryw3css_examples_sauvignon_blanc.htm"><span class="w3-right w3-xxlarge">»</span></a>
    </div>
    
    <div class="w3-row-padding ">
    <div class="w3-twothird">
    <img src="https://atts.w3cschool.cn/img_chardonnay.jpg" style="width:100%">
    <h2>食物</h2>
      <table class="w3-table w3-striped w3-bordered w3-border">
          <thead class="w3-teal"><th style="width:30%">食物</th><th>种类</th></thead>
          <tr><td style="width:30%">海鲜</td><td>虾, 螃蟹, 龙虾</td></tr>
          <tr><td>肉</td><td>鸡肉, 猪肉</td></tr>
          <tr><td>奶酪</td><td>布里干酪, 格鲁耶尔干酪</td></tr>
          <tr><td>其他</td><td>奶油酱汁</td></tr>
      </table>
    <h2>Flavours</h2>
      <table class="w3-table w3-striped w3-bordered w3-border">
          <thead class="w3-teal"><th style="width:30%">年龄</th><th>味道</th></thead>
          <tr><td>不熟的</td><td>青梅，青苹果，梨 </td></tr>
          <tr><td>半熟</td><td>柠檬，桃子，西瓜</td></tr>
          <tr><td>更熟了</td><td>菠萝，无花果，香蕉，芒果</td></tr>
          <tr><td>蛋糕</td><td>加奶油或黄油</td></tr>
      </table>
    <h2>名人名言</h2>
      <table class="w3-table w3-striped w3-bordered w3-border">
          <thead class="w3-teal"><th style="width:30%">名人的</th><th>名言</th></thead>
          <tr><td>孔子</td><td>敏而好学，不耻下问</td></tr>
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
运行结果
PC端 手机端 平板端