課程表divcss

發布時間: 2021-02-23 21:54:10

『壹』現在網頁設計的布局主流是用div+css布局嗎用表格布局是不是已經落伍了，完全被淘汰了

目前各主流瀏覽器已經對DIV+CSS有了良好的支持，頁面整體框架布局多採用此種內方式，簡潔靈活，自由度容高。但如果頁面中有很明顯的列表、表格性展現內容，例如一張課程表、統計報表等，使用table做容器還是非常適合的。
無所謂過不過時之說，選擇最適合的才是最好的，也符合語義化的要求。

『貳』如何用css製作一張課程表不要用復制的

這里是CSS樣式--------->
<style>
.jmb{ width:912px; background:#FFFFFF; border:1px solid #F1BCC4; border-left:none; border-bottom:none; height:auto; float:left; margin-top:5px;}
.jmb ul{ width:912px; color:#D45A57; border-bottom:1px solid #F1BCC4; float:left; line-height:32px;}
.jmb ul li{ width:113px; float:left; border-left:1px solid #F1BCC4; text-align:center;}
<style/>

這里是HTML--------->
<div class="jmb">
<ul style="width:912px; font-weight:bold;"><li>放課程名字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li></ul>
<ul style="width:912px;"><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li></ul>
<ul style="width:912px;"><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li></ul>
<ul style="width:912px;"><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li></ul>
<ul style="width:912px;"><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li></ul>
</div>

才10分~~~~~~~~~~~~記得給我啊~~~~~~~！

『叄』求鄭大計算機專業的課程表

首先每個級的課程安排時間都是不一樣的。
我是三二連讀計算機應用
高一：語文數學英語政治心理音樂體育
高二：語文數學英語計算機英語政治體育
高三：數學英語普通話公文寫作
三年專業課：計算機基礎網路技術 ps 網路伺服器 flash 靜態網頁 access ASP VB 網路規劃網路搭建動靜結合網頁 DIV+CSS linux 電子商務 illustrator coreldraw
應該木了吧

『肆』用CSS樣式做一個課程表有背景顏色的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style>
*{ margin:0px auto; padding:0px;}
</style>
</head>

<body><div style="margin-top:20px;"><p style="text-align:center; font-size:18px;">課程表</p><table width="850" border="1" cellspacing="0" style="text-align:center; margin-top:10px;background-color:#FFC;">
<tr>
<td></td>
<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
<td>星期五</td>
</tr>
<tr>
<td>1</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>2</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>3</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>4</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>5</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>6</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>7</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
</body>
</html>

『伍』 html5/CSS3做一個表格

給你寫了個簡單的課程表樣式的表格
看一下

<style type="text/css">
table { border-collapse:collapse;text-align:center; vertical-align:middle;}
table tr{ height:25px;}
table td{ width:100px;}
.bg1{ background:#ccc;}
table tr:hover{ background:#09C;}
.bg2{ background:#999;}
.t1,.t2,.t3,.t4,.b1,.b2,.b3,.b4,.tab{ display:block; overflow:hidden;}
.t1,.t2,.t3,.b1,.b2,.b3{ height:1px;}
.t2,.t3,.t4,.b2,.b3,.b4,.tab{ border-left:2px solid #f6f; border-right:2px solid #f6f;}
.t1,.b1{ margin:0 5px; background: #F6F;}
.t2,.b2{ margin:0 3px; border-width:2px;}
.t3,.b3{ margin:0 2px;}
.t4,.b4{ height:2px; margin:0 1px;}
.tab{ height:130px; background:#F7F8F9;}
.tab_width{ width:700px; margin:0 auto; cursor:pointer;}
</style>
<div class="tab_width">
<b class="t1"></b><b class="t2"></b><b class="t3"></b><b class="t4"></b>
<div class="tab">
<table>
<tr>
<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
<td>星期五</td>
<td>星期六</td>
<td>星期日</td>
</tr>
<tr class="bg1">
<td>國學</td>
<td>數學</td>
<td>英語</td>
<td>多媒體</td>
<td>體育</td>
<td>毛概</td>
<td>實驗</td>
</tr>
<tr class="bg2">
<td>國學</td>
<td>數學</td>
<td>英語</td>
<td>多媒體</td>
<td>體育</td>
<td>毛概</td>
<td>實驗</td>
</tr>
<tr class="bg1">
<td>國學</td>
<td>數學</td>
<td>英語</td>
<td>多媒體</td>
<td>體育</td>
<td>毛概</td>
<td>實驗</td>
</tr>
<tr class="bg2">
<td>國學</td>
<td>數學</td>
<td>英語</td>
<td>多媒體</td>
<td>體育</td>
<td>毛概</td>
<td>實驗</td>
</tr>
</table>
</div>
<b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b>
</div>

『陸』用html table製作一張課表，怎麼使用css來調整長寬高和顏色等等

新建一張CSS樣式表，如：sytle.css
在css中設置相關標簽的樣式如：tr td{widht:xxpx; height:xxpx; border:1px solid red; background:yellow;}等等。
然後引用這個css樣式表即可。希望能幫到你。

『柒』用記事本html語言做出以下課程表

<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8"/>
<metaname="viewport"content="width=device-width,initial-scale=1.0"/>
<metahttp-equiv="X-UA-Compatible"content="ie=edge"/>
<title>課程表</title>
<styletype="text/css">
*{margin:0;padding:0;}
body{font-family:"宋體";font-size:30px;}
a{text-decoration:none;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
.container{width:960px;margin:0auto;}
.title{font-size:100px;letter-spacing:100px;text-align:center;}
.fl{float:left;}
.fr{float:right;}
.span{display:inline-block;width:100px;border-bottom:2pxsolid#000;}
.zy{line-height:40px;text-align:center;letter-spacing:10px;}
.banji.span{width:140px;padding-right:10px;}
.zy{margin-left:20px;}
.banji{margin-right:20px;text-align:right;}
table{border-collapse:collapse;margin:20px0;text-align:center;}
table.titles{font-size:40px;letter-spacing:20px;font-weight:700;}
table.neirong,table.neirong1{font-size:38px;letter-spacing:8px;line-height:60px;}
table.neirong1{font-weight:bold;font-size:40px;}
tabletd{}
</style>
</head>
<body>
<div>
<h1>課程表</h1>
<div>
<divclass="flzy">
<span>信管</span>專業
</div>
<divclass="frbanji">
<span>1601~02</span>班
</div>
</div>
<tableborder="1">
<tr>
<tdwidth="80">節次</td>
<tdwidth="80">星期一</td>
<tdwidth="80">星期二</td>
<tdwidth="150">星期三</td>
<tdwidth="150">星期四</td>
<tdwidth="150">星期五</td>
</tr>
<tr>
<throwspan="2">一</th>
<td>施工組織</td>
<td>測量</td>
<td>建築工程計量與計價</td>
<td>網頁設計</td>
<td>網路基礎</td>
</tr>
<tr>
<td>董五安</td>
<td>員鴻雁</td>
<td>王文軍</td>
<td>喬惠萍</td>
<td>張捷</td>
</tr>
<tr>
<throwspan="2">二</th>
<td>ASP.NET程序設計</td>
<td>ASP.NET程序設計</td>
<td>施工組織</td>
<td>網頁設計</td>
<td></td>
</tr>
<tr>
<td>喬惠萍</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<throwspan="2">三</th>
<td></td>
<td></td>
<td>建築工程計量與計價</td>
<td>BIM</td>
<td>網路基礎</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td>武強</td>
<td></td>
</tr>
<tr>
<throwspan="2">四</th>
<td></td>
<td></td>
<td></td>
<td>BIM</td>
<td>職業生涯規劃11-15</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td>武素青</td>
</tr>
</table>
<h3>註：從3月5日起執行</h3>
</div>
</body>
</html>

『捌』如果要在網頁上做一個5*7的課程表，根據DIV+CSS標准，是在DIV里嵌套DIV還是在DIV里嵌套一個5*7的表格

我這有個成績表，跟課程表差不多，下面是代碼index.html和index.css：你自己改改就行了

//index.html

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">

<head>

<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>

<linkhref="index.css"rel="stylesheet"type="text/css"/>

</head>

<body>

<tableid="scorelist">

<caption>1011級學生成績表</caption>

<tr>

<th>photoshop</th>

</tr>

</tr>

<trclass="evencolor">

</tr>

</tr>

<trclass="evencolor">

</tr>

</table>

</body>

</html>

//index.css

@charset"utf-8";

/*CSSDocument*/

body{

background-color:#E2FCF9;

font-family:12px;

padding:4px;

margin:0;}

#scorelist{

margin:0auto;

border:1pxsolid#429fff;

border-collapse:collapse; /*邊框重疊*/}

#scorelistcaption{

color:#066;

font:50025px黑體;

border:1pxsolid#429fff;}

#scorelistth{

background-color:#6CC;

width:80px;

border:1pxsolid#429fff;}

#scorelisttd{

border:1pxsolid#429fff;}

#scorelisttr.evencolor{

background-color:#366;}

顯示效果：

『玖』例如這樣的課程表如何製作呢是否有現成的源碼（asp）

幫你寫一個，自己加入到網站中去：

1，建立庫，在原來的庫上加一個表也可以，現在假設新建一個名叫book的庫，ACCSEE型，表名叫Test_book

庫名＝book

表（Test_book):id(自動編號),bookdate(日期，文本50）,booktime(時間，文本50）,bookname(課程名，文本50）,BookClass(數字，課程分期)

2，conn.asp//庫鏈接及通用函數頁

將下面的代碼保存為conn.asp

dimconn,connstr,db,BookClassName

BookClassName="執業醫師"'課程類名稱，請修改

db="book.mdb"

ConnStr="Provider=Microsoft.Jet.OLEDB.4.0;DataSource="&Server.MapPath(db)

OnErrorResumeNext

SetConn=Server.CreateObject("ADODB.Connection")

Conn.OpenConnStr

IfErrThen

err.Clear

SetConn=Nothing

Response.Write"DATABASEISERR!"

Response.End

EndIf

FunctionShowpage(totalnumber,maxperpage,filename,cpage)

iftotalnumbermodmaxperpage=0then

n=totalnumbermaxperpage

else

n=totalnumbermaxperpage+1

endif

Response.Write"總課程"&totalnumber&"，每頁"&maxperpage&"/第"&cpage&"頁/共"&n&"頁"&VbCrLf

ifcpage<2then

Response.Write"首頁上頁"&VbCrLf

else

Response.Write"<ahref="&filename&"?page=1>首頁</a>"&VbCrLf

Response.Write"<ahref="&filename&"?page="&cpage-1&">上頁</a>"&VbCrLf

endif

ifn-cpage<1then

Response.Write"下頁末頁"&VbCrLf

else

Response.Write"<ahref="&filename&"?page="&cpage+1&">下頁</a>"&VbCrLf

Response.Write"<ahref="&filename&"?page="&n&">末頁</a>"&VbCrLf

endif

Endfunction

SubBookCss()

Response.Write"<styletype=""text/css"">"&VbCrLf

Response.Write"BODY{margin:0;Padding:0;COLOR:#444;font-family:宋體;font-size:9pt}"&VbCrLf

Response.Write"TD{COLOR:#444;font-family:Verdana;font-size:9pt}"&VbCrLf

Response.Write"form{margin:5,0,0,0}"&VbCrLf

Response.Write"input{border-width:1;border-color:#000000;background-color:#efefef;font-family:宋體;font-size:9pt;COLOR:#333;line-height:14px}"&VbCrLf

Response.Write"textarea{border-width:1;border-color:#000000;background-color:#efefef;font-family:宋體;font-size:9pt;}"&VbCrLf

Response.Write"select{border-width:1;border-color:#000;background-color:#eee;font-family:宋體;font-size:9pt;}"&VbCrLf

Response.Write"A{COLOR:#444;font-family:Verdana}"&VbCrLf

Response.Write"A:link{color:0000aa;TEXT-DECORATION:none}"&VbCrLf

Response.Write"A:visited{color:0000aa;TEXT-DECORATION:none}"&VbCrLf

Response.Write"A:hover{COLOR:#ff2200;TEXT-DECORATION:none}"&VbCrLf

Response.Write".headdiv{height:105px;width:100%;margin:0;padding:10;background:#f8f8f8}"&VbCrLf

Response.Write".Linediv1{border-bottom:#ccc2pxsolid;width:100%;margin:0;padding:0;line-heignt:1px;;height:1px}"&VbCrLf

Response.Write".Linediv{border-top:#9991pxsolid;width:100%;margin:0;padding:0;line-heignt:1px;height:1px}"&VbCrLf

Response.Write".Listdiv{width:550px;padding:10;background:#eee}"&VbCrLf

Response.Write".cpagediv{margin-top:5px;padding-left:10px;color:#999}"&VbCrLf

Response.Write".adddiv{width:100%;margin-bottom:5px;padding-left:60px}"&VbCrLf

Response.Write".li1{width:250px;line-height:16px;font-size:12px;list-style:none;color:069}"&VbCrLf

Response.Write"</style>"&VbCrLf

EndSub

3.BookMain.asp//課程管理，僅提供添加和刪除，若要修改功能請聯系。

將下面的代碼保存為BookMain.asp，和conn.asp在同一目錄

DimFileName

FileName="BookMain.asp"

CallMain()

Conn.Close:SetConn=Nothing

SubMain()

CallBookCss()

SelectCaseRequest("action")

Case"DelBook"

CallDelBook(Trim(Request("Id")),Trim(Request("page")))

Case"AddBook"

CallBookSave()

CallBookList()

CaseElse

CallUpdateMain()

CallBookList()

EndSelect

Conn.Close:SetConn=Nothing

EndSub

SubUpdateMain()

DimClassNum

ClassNum=1

SetRs=Conn.execute("SelectTop1BookclassFromTest_BookOrderByIdDesc")

IfNot(rs.bofandrs.eof)ThenClassNum=Rs(0)+1

Rs.Close:SetRs=Nothing

Response.Write"<DIVclass=headdiv>"&VbCrLf

Response.Write"<div><b>添加新課程</b></div>"&VbCrLf

Response.Write"<formmethod=POSTaction=""?action=AddBook""name=form1>"&VbCrLf

Response.Write"<div>"&VbCrLf

Response.Write"課程名稱：<inputtype=""text""name=""bookname""value=""""size=20>"&VbCrLf

Response.Write"課程期數：<inputtype=""text""name=""BookClass""value="""&ClassNum&"""size=5>填寫數字</div>"&VbCrLf

Response.Write"<div>"&VbCrLf

Response.Write"開課日期：<inputtype=""text""name=""Bookdate""value=""""size=20>"&VbCrLf

Response.Write"開課時間：<inputtype=""text""name=""booktime""value=""""size=20></div>"&VbCrLf

Response.Write"<divclass=adddiv><inputtype=""submit""value=""確定添加""name=""button1""></div>"&VbCrLf

Response.Write"</form>"&VbCrLf

Response.Write"</DIV>"&VbCrLf

Response.Write"<DIVclass=linediv></DIV>"&VbCrLf

EndSub

SubBookSave()

DimBookName,BookClass,BookDate,BookTime,BMark

BookClass=Trim(Request("BookClass"))

IfIsnumeric(BookClass)=FalseThenExitSub

BookClass=Cint(BookClass)

BookName=Trim(Request("BookName"))

BookDate=Trim(Request("BookDate"))

BookTime=Trim(Request("BookTime"))

Conn.Execute("insertIntoTest_Book(BookName,BookClass,BookDate,BookTime)Values('"&BookName&"','"&BookClass&"','"&BookDate&"','"&BookTime&"')")

Response.Write"<DIVclass=headdiv>"&VbCrLf

Response.Write"<div><b>課程添加成功！</b></div>"&VbCrLf

Response.Write"<formmethod=POSTaction=name=form2>"&VbCrLf

Response.Write"<div>第"&BookClass&"期課程，"&BookName&"，"&BookDate&Booktime&"開課。<ahref=""?action=Main"">>>繼續添加</a>"&VbCrLf

Response.Write"</div>"&VbCrLf

Response.Write"</form>"&VbCrLf

Response.Write"</DIV>"&VbCrLf

Response.Write"<DIVclass=linediv> </DIV>"&VbCrLf

EndSub

SubBookList()

DimMaxPage,totalPut,cpage,Infonum,k,i

cpage=1

IfRequest("page")<>""then

IfIsnumeric(Request("page"))=FalseThen

cpage=1

Else

cpage=Cint(Request("page"))

EndIf

Infonum=1

MaxPage=15

Response.Write"<DIVStyle=""width=:100%;margin:0;"">"&VbCrLf

Response.Write"<div><b>課程管理</b></div>"&VbCrLf

Response.Write"<divclass=Listdiv>"&VbCrLf

SetRs=Server.CreateObject("ADODB.RecordSet")

Sql="Select*FromTest_bookOrderByIdDesc"

Rs.OpenSql,Conn,1,1

IfRs.eofandrs.bofthen

Response.write"<p>暫時沒有任何課程。</p>"&VbCrLf

Else

i=0

totalPut=Rs.Recordcount

Ifcpage<1thencpage=1

If(cpage-1)*MaxPage>totalputthen

If(totalPutmodMaxPage)=0then

cpage=totalPutMaxPage

Else

cpage=totalPutMaxPage+1

EndIf

Endif

Ifcpage<>1then

If(cpage-1)*MaxPage<totalPutthen

Rs.move(cpage-1)*MaxPage

BMark=Rs.bookmark

Else

cpage=1

EndIf

InfoNum=totalPut-(cpage-1)*MaxPage

k=4-len(InfoNum)

Dowhilek>0

k=k-1

InfoNum="0"&InfoNum

loop

Response.Write"<divclass=cpagediv>"&VbCrLf

showpagetotalput,MaxPage,filename,cpage

Response.Write"</div>"&VbCrLf

Response.Write"<tablewidth=540border=0cellspacing=2cellpadding=0>"&VbCrLf

Response.Write"<tralign=centerbgcolor=""#C2CCE2"">"&VbCrLf

Response.Write"<tdwidth=""10%""height=24>序號</td>"&VbCrLf

Response.Write"<tdwidth=""20%"">日期</td>"&VbCrLf

Response.Write"<tdwidth=""20%"">時間</td>"&VbCrLf

Response.Write"<tdwidth=""30%"">課程名稱</td>"&VbCrLf

Response.Write"<tdwidth=""10%"">期數</td>"&VbCrLf

Response.Write"<tdwidth=""10%"">操作</td>"&VbCrLf

Response.Write"</tr>"&VbCrLf

DowhilenotRs.eofandmaxpage>0

i=i+1

Response.Write"<tralign=centerbgcolor=""DFE8EE"">"&VbCrLf

Response.Write"<tdheight=24>"&InfoNum&"</td>"&VbCrLf

Response.Write"<td>"&rs(1)&"</td>"&VbCrLf

Response.Write"<td>"&rs(2)&"</td>"&VbCrLf

Response.Write"<td>"&rs(3)&"</td>"&VbCrLf

Response.Write"<td>"&rs(4)&"期</td>"&VbCrLf

Response.Write"<td><ahref=0.asp?Id="&rs(0)&"&action=DelBookonClick=""returnconfirm('警告：您的操作不可恢復，確定刪除選定的程序記錄？')"">刪除</a></td>"&VbCrLf

Response.Write"</tr>"&VbCrLf

Ifi>=MaxPageThenExitDo

Rs.movenext

InfoNum=InfoNum-1

k=4-len(InfoNum)

Dowhilek>0

k=k-1

InfoNum="0"&InfoNum

loop

Loop

Response.Write"</table>"&VbCrLf

EndIf

Rs.Close:SetRs=Nothing

Response.Write"<div>"&VbCrLf

Response.Write"</DIV>"&VbCrLf

EndSub

SubDelBook(Id,page)

Conn.Execute("Delete*FromTest_BookwhereId="&Id)

Response.redirect"0.asp?page="&page

EndSub

4.課程顯示頁面：Showbook.asp

將下面的代碼存為Showbook.asp，如果不和conn.asp不在同一目錄，注意修改conn.asp路徑：

我暈，好象是字數超限了，幾次貼不上來，就貼到這里，還有一頁HI我，給張圖片看看。

『拾』代碼怎麼寫使用CSS樣式製作一個外框為虛線,內框為實線的課程表

給設置兩層div,外層div設置邊框為虛線, 再給他設置一個小的內邊距,內div設置邊框為實線就可以了.

閱讀全文

熱點內容

武漢大學學生會輔導員寄語發布：2021-03-16 21:44:16 瀏覽：612

七年級學生作文輔導學案發布：2021-03-16 21:42:09 瀏覽：1

不屑弟高考成績發布：2021-03-16 21:40:59 瀏覽：754

大學畢業證會有成績單發布：2021-03-16 21:40:07 瀏覽：756

2017信陽學院輔導員招聘名單發布：2021-03-16 21:40:02 瀏覽：800

查詢重慶2018中考成績查詢發布：2021-03-16 21:39:58 瀏覽：21

結業考試成績怎麼查詢發布：2021-03-16 21:28:40 瀏覽：679

14中醫醫師資格筆試考試成績查分發布：2021-03-16 21:28:39 瀏覽：655

名著賞析課程標准發布：2021-03-16 21:27:57 瀏覽：881

北京大學商業領袖高端培訓課程發布：2021-03-16 21:27:41 瀏覽：919

課程表divcss

與課程表divcss相關的資訊