Web界面设计学习笔记(1)：虚线框的使用

最新推荐文章于 2025-08-25 10:16:49 发布
原创 最新推荐文章于 2025-08-25 10:16:49 发布 · 1.1k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#web #xhtml #server #html #border
#float
本文档提供了一个使用ASP.NET技术创建的基本Web页面布局示例。该示例使用了HTML和C#来定义页面结构，并通过服务器端控件实现动态内容加载。页面采用固定宽度的布局方式，边框样式为虚线，背景颜色为白色。

web设计和制作中虚线的实现
web前端基础入门教程
03-01 7478
在设计和制作网页过程中，常常需要加入虚线分割线，像腾讯、搜狐、新浪首页都有灰色虚线的应用。但是虚线的实现，无论在设计中还是后面的制作中都不太容易。 （一）设计中实现虚线 总结以下photoshop画虚线的几种方法（只讨论直线）： （1）使用画笔—点击“画笔笔尖形状”，调整“间距” 这种方法简便，制作出的虚线点分布均匀，通过描边路径可以画出任意形状的虚线。 ...
web前端：圆角、边框、背景全
成长的嘻嘻哥
12-21 1819
web前端：圆角、边框、背景全
前端必会的 HTML+CSS 常用技巧 之 虚线的实现方式
zhuang的博客
08-02 1万+
前端必会的 HTML+CSS 常用技巧 之 虚线的实现方式
前端边框设置，细线、虚线、点线
qq_55061257的博客
07-23 4348
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>边.
CSS：边框虚线、文本下划波浪线
weixin_43932309的博客
11-23 7580
定制边框虚线和文本下划波浪线。
解决点击链接时网页出现虚线框方法
iteye_18400的博客
05-28 922
在IE下，需要在标签 a 的结构中加入 hidefocus="true" 属性。即： &lt;a href="http://www.yanzhaoit.com" hidefocus="true" title="做有用网站，找燕赵互联"&gt;燕赵互联&lt;/a&gt; input{blr:expression(this.hideFocus=this.blur()); }   a:visi
批量消除超链接虚线框
命由己造，相由心生
05-29 1146
批量消除超链接虚线框 各位想必都知道，onfocus=”this.blur()”这条代码能消除链接时的虚线框，但你有没有想过，如果你的网页上有几个甚至上百个链接，而你又想要去掉上面那些讨厌的虚线框，难道你还一个个去Ctrl+C、Ctrl+V，天哪！这对一个正常人来说绝对是个恶梦。也许你会说，用DW或其它文本编辑器里的“查找/替换”功能就能解决，对！不可否认，这是一个好办法，但作为一个优秀的we
如何去掉点击链接时周围的虚线框outline属性 去除a标签边上的虚线
xfxiaoyan2010的专栏
05-09 1873
有底下兩種作法：1. 針對單一超連結的作法: 加上 hidefocus="true" 屬性 (For IE only)Example:Google2. 透過CSS的作法 (For IE & Firefox )Example:a {noFocusLine:expression(this.onFocus=this.blur())} /* For IE, onFocus 的 F 要大寫*/:focus
批量消除虚线框
aome1470的博客
11-04 173
原作者：星之海洋 出处：5D多媒体 各位想必都知道，onfocus=”this.blur()”这条代码能消除链接时的虚线框，但你有没有想过，如果你的网页上有几个甚至上百个链接，而你又想要去掉上面那些讨厌的虚线框，难道你还一个个去Ctrl+C、Ctrl+V，天哪！这对一个正常人来说绝对是个恶梦。也许你会说，用DW或其它文本编辑器里的“查找/替换”功能就能解决，对！不可否认，...
css 实现虚线效果的3种方式详解
热门推荐
老司机的后备箱
10-19 5万+
包含了HTML、CSS、JavaScript、HTTP、TCP协议、浏览器、VUE、React、数据结构和算法，一共201道面试题，并对每个问题作出了回答和解析。
CSS盒模型
yang_040706的博客
09-21 289
CSS盒模型
CSS制作网页中的虚线
html基础教程
02-26 3425
这里议决边框属性的虚线边框border控制虚线。以下配置的css 高度(css height)和css 宽度(css width)为350像素是为了便于观看演示 其它意思。 　　一、四边为虚线边框 　　border:1px dashed #000; 黑色虚线边框 　　实例： 　　CSS代码： .hackhome{border:1px dashed #000; height:50px;...
Web基础(从零开始)——CSS盒子模型详解（边框，圆角边框，内边距，导航栏，外边距，父元素塌陷问题，盒子阴影）
qq_57633498的博客
11-16 2530
1.边框（border）：边框有三部分组成边框宽度、边框样式、边框颜色 border-width(边框粗细):6px;|| border-style(边框样式):solid(实线边框) | dashed(虚线边框) |dotted(点线) ||border-color(边框颜色) 以上属性可以简写：border:1px solid red;（没有顺序） ...
掌握CSS border虚线特性：设计独特的界面效果
最新发布
weixin_42430341的博客
08-25 1588
在Web开发中，边框是为网页元素提供视觉分隔、强调和美观的重要手段。CSS提供了强大的边框定义能力，允许开发者以灵活的方式设置边框的颜色、宽度和样式。本章将探索如何使用CSS中最基础的属性来定义边框，并为后续章节中探讨更高级的边框样式奠定基础。要自定义边框图像，首先需要一个图像文件，该文件通常需要包含足够的像素来绘制整个边框。接着，使用来引用图像文件，以及使用来决定图像如何切割。
CSS属性去除图片链接时的虚线框
ddbvijy3067的博客
04-17 216
CSS 之 outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。outline 属性是一个简写属性，用于设置元素周围的轮廓线。注释：轮廓线不会占据空间，也不一定是矩形。这就可以了，就给点击链接加这个属性 a:active{outline:none} 可惜，IE下无效 再加一个 a:active {blr:expression(this.o...
去除点击链接时出现的虚线框
aiqixiao2017的博客
07-20 184
去除点击链接时出现的虚线框 链接在被点击时会出现虚线框，即使松开了也仍然存在，在有的时候显得不美观。既然不好看，那就不要它。怎样去掉呢？ 方法一 IE下可使用其私有的html属性：hideFoucs，在标签的结构中加入hidefocus="true"属性。即： <a href="http://w...
批量消除网页连接上的“虚线框”
stbrief的专栏
12-12 183
传统办法，在标签内加属性 代码多，修改难 link1 link1 link1 link1 link1 非标准 中级办法，全局控制　 CSS实现 增加IE负担，不推荐使用 a{blr:expression(this.onFocus=this.close());} a{blr:expression(this.onFocus=this.blur())...
CSS和JS去掉链接虚线框的多种方法
08-12 426
当我们点击链接后，链接周围会显示一个虚线框，那么怎么去掉这个虚线框呢？其实方法还挺多，用CSS就可以，但使用javaScript似乎也是一个好方法。
css去掉a标签点击后的虚线框
Inuyasha1121的专栏
06-23 2101
outline是css3的一个属性，用的很少。 声明，这是个不能兼容的css属性，在ie6、ie7、遨游浏览器都不兼容。 outline控制的到底是什么呢？ 当聚焦a标签的时候，在a标签的区域周围会有一个虚线的框，这个框不同于border的是，它是不占有任何宽度的。当你取消焦点的时候，这个虚线框就会自然消失。你可以通过遨游、火狐或者ie的几个版本看到。而safari、opera、
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值