在线中文字幕有码中文,а天堂中文最新一区二区三区,欧美成人精品a∨在线观看

首頁 > 博客列表 > 背景邊框表格列表表單

博主信息

博文 21

粉絲 0

評(píng)論 0

訪問量 24460

專題推薦

更多>

相關(guān)推薦

熱門教程

更多>

相關(guān)教程

第二課的總結(jié)

1、背景
a、背景控制
   background
        background:red ;
background: #c97474;
background: rgb(129,44,44);
background: rgba(129,44,44,0.5);
background :url(http://img.bimg.126.net/photo/31kQlCGP44-34Q5yxvoqmw==/5770237022569104952.jpg) no-repeat;
background-size: 100%;
        background: linear-gradient(to right,red,blue);
b、精靈圖
   background
        background: url(static/images/p2.jpg )-100px 0 一般為負(fù)數(shù)

2、邊框
   border:
        border-top: 1px solid #ccc;
        border-left: 3px double #ccc;
        border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
        border-collapse: collapse;
        box-shadow: 2px 2px 20px #ccc

3、表格與列表
   a、表格
    tr td
        <tr>
   <td >一行一列</td>
</tr>

<tr>
  <td colspan="4"><b>愛江山<b></td>

</tr>
   b、列表
    ul li
        li{list-style: none;}

       <ul>
        <li>燕麥</li>
       </ul>
4、表單元素
   input textarea
        <input type="text" name="">
        <input type="password" name="">
<input type="radio" name="">男
        <input type="checkbox" name="">HTML
        <input type="checkbox" name="">SQL
        <input type="checkbox" name="">PHP
        <input type="submit" name="" value="提交">
        <input type="button" name="" value="搜索">
        <textarea></Ttextarea>
        <button>提交</button>

實(shí)例

<!DOCTYPE html>
<html>
<head>
   <title>表單元素</title>
	<!-- <link rel="stylesheet" type="text/css" href=""> -->
   <style type="text/css">
		*{margin: 0;padding: 0;}
        /* textarea{
         	width: 100px;
         	height: 100px;
         	margin: 0px auto;
         }*/
	</style>
</head>
<body>
 <form action="url" method="get/post">
	用戶名：<input type="text" name="">
	密碼：<input type="password" name="">
	<input type="radio" name="">男
    <input type="radio" name="">女
    <input type="checkbox" name="">HTML
    <input type="checkbox" name="">SQL
    <input type="checkbox" name="">PHP
    <TEXTAREA></TEXTAREA>
    <input type="submit" name=""  value="提交">
    <input type="button" name=""  value="搜索">
    <button>提交</button>
  </form>
</body>
</html>

運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例

批改狀態(tài)：合格

老師批語：

本博文版權(quán)歸博主所有，轉(zhuǎn)載請(qǐng)注明地址！如有侵權(quán)、違法，請(qǐng)聯(lián)系admin@php.cn舉報(bào)處理！

全部評(píng)論文明上網(wǎng)理性發(fā)言，請(qǐng)遵守新聞評(píng)論服務(wù)協(xié)議

0條評(píng)論

作者最新博文

網(wǎng)頁中的文本\圖片與鏈接

2019-03-12 16:56:35

亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

第二課的總結(jié)

實(shí)例