课程表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相关的资讯