html设置虚线边框的方法
作者：佚名
字体：[ ] 来源：互联网 时间：05-06 15:23:30
用到CSS样式和HTML标签元素
为了对html不同标签加边框虚线，我们选择几个常用标签对齐设置边框虚线效果。
1、html常用标签
table tr td
2、实例用到CSS属性单词
3、实现虚线的CSS重点介绍
border为边框属性，如果要实
用到CSS样式和HTML标签元素
为了对html不同标签加边框虚线，我们选择几个常用标签对齐设置边框虚线效果。
1、html常用标签
table tr td
2、实例用到CSS属性单词
3、实现虚线的CSS重点介绍
border为边框属性，如果要实现对象边框效果，要设置边框宽度、边框颜色、边框样式（实线还是虚线）
border:1px dashed #F00 这个就是设置边框样式宽度为1px，虚线，虚线为红色。
4、实例描述
我们对以上几个标签设置相同宽度、相同高度、边框效果。
5、完整HTML代码：
&!DOCTYPE&html&&&html&&&head&&&meta&charset=&utf-8&&/&&&title&html边框虚线演示&&/title&&&style&&.bor{border:1px&dashed&#F00;width:300height:60margin-top:10px}&span{display:block}/*css注释说明：让span形成块*/&&/style&&&/head&&&body&&&p&class=&bor&&p盒子&/p&&&span&class=&bor&&span盒子&/span&&&ul&class=&bor&&&&li&ul&li列表&/li&&&li&ul&li列表&/li&&&/ul&&&table&class=&bor&&&&tr&&&td&表格&/td&&&td&表格2&/td&&&/tr&&&tr&&&td&数据&/td&&&td&数据2&/td&&&/tr&&&/table&&&/body&&&/html&&
以上实例对html中不同标签设置相同的样式，包括相同边框虚线。
6、浏览器效果截图
html不同标签设置边框虚线效果截图
大家感兴趣的内容
12345678910
最近更新的内容如何设置HTML代码中的“框架”？
本文行家：
　　常用窗口标记 &FRAMESET&...&/FRAMESET& 定义分割窗口。 相关属性 : ·BORDER 边框·COLS 行 , 设定分割左右窗口宽度 ( 用『,』分隔，可设百分比 % ;『*』表示剩余部份 )·FRAMEBORDER 显示边框·ROWS 列 , 设定分割上下窗口高度 ( 用『,』分隔，可设百分比 % ;『*』表示剩余部份 ) &FRAME& 定义窗口。 相关属性 : ·FRAMEBORDER 显示边框·NAME 名称 ·NORESIZE 设定是否可以调整窗口大小·SRC 文件或URL位址·SCROLLING 设定是否可以卷动 &NOFRAMES&...&/NOFRAMES& 无支援分割窗口浏览器显示文字。 &IFRAME&...&/IFRAME& 插入浮动窗口。 相关属性 : ·BORDER 边框·FRAMEBORDER 显示边框·NORESIZE 设定是否可以调整窗口大小·SRC 文件或URL位址·SCROLLING 设定是否可以卷动 　　举例 如 : 本站窗口架构。( 先分割成上下窗口，再于窗口各分割成左右窗口。 )&FRAMESET ROWS=74,* COLS=140,* FRAMEBORDER=NO BORDER=0&&FRAME SRC=rad.htm NAME=RAD NORESIZE SCROLLING=NO&&FRAME SRC=a-1.htm NAME=FRAME1 NORESIZE SCROLLING=NO&&FRAME SRC=b-1.htm NAME=FRAME2 NORESIZE SCROLLING=AUTO&&FRAME SRC=c-1.htm NAME=FRAME3 NORESIZE SCROLLING=AUTO&&/FRAMESET& 如 : 浮动窗口&CENTER&&IFRAME FRAMEBORDER=YES SCROLLING=YES SRC=c1-01.htm&&/IFRAME&&/CENTER& 　　注意　　窗口基本架构的文件，通常放在HTML文件的第一页，如 : index.htm 。此HTML文件的基本架构并不需要本文区 ( BODY )，只需定义窗口架构，而其他HTML文件可用连结方式 ( A HREF=...连结标记 TARGET属性 ) 显示于指定的窗口中。 框架
百科的文章（含所附图片）系由网友上传，如果涉嫌侵权，请与客服联系，我们将按照法律之相关规定及时进行处理。如需转载，请注明来源于。
李维亚，电子商务专业.现任互联网公司网站推广一职，负责公司广告、SEM、网站推广等工作.对电子商务有过经验。曾独立创域名名,参与过Discuz!程序、Phpwind8.5的二次开发、最土开源的团购程序开发等，专精PHP、 VC++6.0、VFP、flash等技术的应用以及社会化、聚合、网页IM在网站建设中的规划。对于网站建设有较深层次的认 知与见解,对DedeCMS、shopEX以及网奇程序也有了解，重视网站的用户体现，其次才是SEO。自主建设过小型网站， 属于FLASH型，对伪静态、静态和动态型的网站均有涉猎！推荐 10 款 CSS 框架，网页设计就是这么简单 - 开源中国社区
当前访客身份：游客 [
当前位置：
推荐 10 款 CSS 框架，网页设计就是这么简单
程序开发人员和网页设计人员掐架的事情常有听说，程序员们总是为自己设计不出来漂亮的网页而纠结。不再郁闷，因为开源帮了你，下面为你介绍11款相当不错的CSS框架，专心做程序吧，网页设计交给开源帮你。
Elastic 是一个简单的 CSS 框架用来对网页进行布局。Elastic 可实现各种各样常见的网页布局，如下图所示：
TC (”ThinkCSS”) 是一个 (X)HTML/CSS 框架 ,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,能够用于网站的快速设计,通过重设和重建浏览器标准，可以让每个网站防 止枯燥的跨浏览器兼容性测试。你可以将他理解成一套模板，里面包含了大多数站点中所需要的那些css类。他很小，只有四个文件而已。总共不到6KB。
EZ-CSS 是一个非常轻量级的（只有1K）的CSS框架，用来简化创建各种页面排版和效果。
960 Grid System 是一个纯css做成的css框架，使用它能有效的简化美工的操作。
开源的CSS样式框架。BlueTrip 提供了一系列有用的样式，让你省去了设计网站时候的那些繁琐的工作，而只需关注你设计。
Blueprint&是一个&CSS 框架，它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目，BP由一个易用的网格、合理的布局和一个打印样式。
CSScaffold是一款帮助CSS开发者快速进行开发的框架，使用PHP编写而成- Simple, but powerful ！
Invisible 是一个简单和模块化的 CSS 框架，本身不复杂，提供一些常用的网页布局css。
Markercss是一个用于快速创建Web页面布局的开源CSS框架。提供的样式表包括：layout、borders、backgrounds、 links、forms、text、colors和tables。
SlickMap CSS 是一个简单的样式单用来根据 sitemap 显示对应的图形化信息，如下图所示：
ThinkCSS 的详细介绍：
ThinkCSS 的下载地址：
想通过手机客户端（支持 Android、iPhone 和 Windows Phone）访问开源中国：
旧一篇： 5年前
新一篇： 5年前
你也许会喜欢
的确是好东西啊，收藏，css一直用得不好……
3楼：笨蛋EGG
留个脚印，从来没有做过WEB开发，现在准备要做前台了···
4楼：Jo. Luxos
5楼：andy_yang
6楼：benbenming
看着很不错哟。不知会不会用。
8楼：bjxyj007
哈哈 不错 藏了。。。
10楼：loyal
咋用啊????????????谁能写个教程???????????
11楼：桔子
留个注脚---
12楼：hokim
我觉得这只能算是设计工具，谈不上框架。。。
13楼：ShaneKing
OS用的是那款？
与内容无关的评论将被删除，严重者禁用帐号
本周热点资讯
本站最新资讯HTML框架代码全集 - ^_^ fighting - 博客园
/*****列分*****/&frameset cols = "25%,%75"&/*FRAMESET用来划分框窗，每一窗框由一个FRAME标记标示FRAME必须FRAMESET范围中使用*/&&&&&&&& &frmae noresize = "noresize" name = ""& src = ""&/*使用Noresize属性可以确保Frame的大小。如果不使用noresize属性，你可以用鼠标移动Frame的边界，来改变Frame的大小*/&&&&&&&& &frmae src = ""&/*frame属性:scr=" "定义在帧中显示的内容的来源,frameborder=" "定义帧之间的边界,margwidth=" "设置帧的边界和其中内容之间的间距,margheight=" "设置帧的边界和其中内容之间距,noresize=" "同上,scrolling=" "设置滚动条的表示方式(auto, yes, no)*/&/frameset&/******行分*****/&frameset rows = "25%,%75"&&&&&&&&&& &frame src = ""&&&&&&&&&& &frame src = ""&&/frameset&/****混合******/&frameset rows = "25%,%75&&&&&&&&&& &frame src = ""&&&&&&&&&& &frame cols = "25%,%75"&&&&&&&&&&&&&&&&&&&& &frame src = ""&&&&&&&&&&&&&&&&&&&& &frame src = ""&&&&&&&&&& &/frameset&&/frameset&
网页框架代码&iframe border=0 name=lantk src="要嵌入的网页地址" width=400 height=400 allowTransparency scrollbars=yes frameBorder="0"&&/iframe& 特点是无论使用何种分辨率，它的大小和位置都是不变的。 我所收集的: 1. &frameset border="0" cols="0,*" frameborder="0" framespacing="0" onload="init()" onhelp="noHelp()" onkeydown="noEffect()" ondragstart="noEffect()" oncontextmenu="noContext()"& &frame name="oPlus" src="" noresize& &frame name="oMain" src="" frameborder="0" noresize scrolling="auto"& &/frameset& 2.右边框架 &frameset cols="*,150" frameborder="0" border="0" framespacing="0"& &frame src="" name="mm" frameborder="0"& &frame src="http://右边网址.com" name="rightFrame" frameborder="0" scrolling="NO" noresize& &/frameset& 3.上下框架 &frameset rows="28,*" frameborder="NO" border="0" framespacing="0"& &frame src="http://上部网址/index.htm" name="dj-play" scrolling="no" noresize & &frame src="" name="mainFrame" scrolling="auto"& &/frameset& 4.网页内嵌框架 &IFRAME align=middle marginWidth=0 vspace=-0 marginHeight=0 src="" frameBorder=no width=400 scrolling=auto height=300&&/IFRAME& ~~~~~ 也可以自己修在框架大小： &table width="宽大小" height="高大小"& &TD align=middle width=宽大小 height=高的大小&&IFRAME name=sucai1 marginWidth=0 frameSpacing=0 marginHeight=0 src="所要放的网页的地址" frameBorder=0 width=400 height=380&&/TD& &/table& &/IFRAME& 在当前网页中包含另一个网页： &iframe src=另一个网页地址&&/iframe& 9、网页打开后，隔一定时间自动刷新： &META HTTP-EQUIV="refresh" CONTENT="时间间隔秒"& 10、网页打开后，隔一定时间自动跳转到另一页： &meta http-equiv="Refresh" content="时间间隔秒; url=另一个网页地址"& 两个域名同一个空间自动跳转的ASP代码
&%if Request.ServerVariables("SERVER_NAME")="" then
response.redirect "default.asp"
&%end if%&
&%if Request.ServerVariables("SERVER_NAME")="" then
response.redirect "default.asp"
&%end if%&
&%if Request.ServerVariables("SERVER_NAME")="" then
response.redirect "cdhome/default.asp"
&%end if%&
&%if Request.ServerVariables("SERVER_NAME")="" then
response.redirect "cdhome/default.asp"
&%end if%&
&%if Request.ServerVariables("SERVER_NAME")="" then
response.redirect "blog/"
html中跳转最全代码
&meta name="GENERATOR" content="Microsoft FrontPage 5.0"&
&meta name="ProgId" content="FrontPage.Editor.Document"&
&meta http-equiv="Content-Type" content="text/ charset=gb2312"&
&title&正在进入&/title&
&form name=loading&
　&p align=center& &font color="#0066ff" size="2"&正在进入，请稍等&/font&&font color="#0066ff" size="2" face="Arial"&...&/font&
　　&input type=text name=chart size=46 style="font-family:A font-weight: color:#0066 background-color:#fef4d9; padding:0 border-style:"&
　　&input type=text name=percent size=47 style="color:#0066 text-align: border-width: border-style:"&
　　&script&　
var bar=0　
var line="||"　
var amount="||"　
function count(){　
bar=bar+2　
amount =amount + line　
document.loading.chart.value=amount　
document.loading.percent.value=bar+"%"　
if (bar&99)　
{setTimeout("count()",100);}　
{window.location = "";}　
}&/script&
&p align="center"& 如果您的浏览器不支持跳转,&a style="text-decoration: none" href=""&&font color="#FF0000"&请点这里&/font&&/a&.&/p&
脚本方式 如： &script language="javascript" type="text/javascript"& &!-- window.location='index.html'; //--& &/script& html的meta方式 如： &meta http-equiv='Refresh' content='0;URL=index.html'& 这种方法的好处是可以控制重定向的时间.
阅读(...) 评论() &纯css设计精美的网页搜索框效果
下载资源()次
阅读次数()次
发布时间：
用法简介：
纯css设计精美的网页搜索框效果。css代码：body&{
font:&Arial,&Helvetica,&sans-serif&normal&10
background:Þ
fieldset.search&{
width:&243
margin:&0&
background:Þ
.search&input,&.search&button&{
.search&input.box&{
font-size:&1.2
width:&190
height:&30
padding:&8px&5px&0;
background:&#616161&url(search_bg.gif)&no-repeat&left&
margin-right:&5
.search&input.box:focus&{
background:&#616161&url(search_bg.gif)&no-repeat&left&-38
.search&button.btn&{
height:&38
text-indent:&-9999
background:&#fbc900&url(search_bg.gif)&no-repeat&top&
.search&button.btn:hover&{
background:&#fbc900&url(search_bg.gif)&no-repeat&bottom&
a{&color:#FFCC00;}页面结构：&form&method=&get&&id=&searchform&&action=&http://www.xwcms.net/&&
&fieldset&class=&search&&
&input&type=&text&&class=&box&&/&
&button&class=&btn&&title=&Submit&Search&&Search&/button&
&/fieldset&
相关标签：
网友评论：
一、不得利用本站危害国家安全、泄露国家秘密，不得侵犯国家社会集体的和公民的合法权益，不得利用本站制作、复制和传播不法有害信息！
二、互相尊重，对自己的言论和行为负责。
什么是邮箱订阅？
邮箱订阅是xw素材网为jquery爱好者与web程序员提供一项以邮箱的方式发送最新jquery资源与素材资源的模式，用户只需在左侧填写正确的邮箱用户名与邮箱地址我们将每天推荐最新优质资源到用户邮箱。当然每份邮箱都会有一个取消订阅按钮，当用户点击取消按钮时我们将会停止对用户发送邮箱资源推送。再次感谢大家对xw素材网的支持与关注。