返回
教你制作网页虚线边框方式

教你制作网页虚线边框方式

ID：11456863

大小：28.50 KB

页数：3页

时间：2018-07-12

教你制作网页虚线边框方式_第1页
教你制作网页虚线边框方式_第2页
教你制作网页虚线边框方式_第3页
资源描述：

《教你制作网页虚线边框方式》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、教你制作网页虚线边框方式一、四边为虚线边框border:1pxdashed#000;黑色虚线边框实例：CSS代码：.divcss5{border:1pxdashed#000;height:50px;width:350px}Html代码：我的四边为黑色虚线边框

这里设置边框缩写方式定义divcss5选择器四边边框为1px的黑色虚线边框二、左边为虚线：CSS代码：.divcss5-1{border-left:1pxdashed#000;height:50px;width

2、:350px}Html代码：我的左边为黑色虚线边框

这里设置了左边一边为黑色虚线边框三、右边为虚线：CSS代码：.divcss5-2{border-right:1pxdashed#000;height:50px;width:350px}Html代码：我的右边为黑色虚线边框
这里设置了右边一边为黑色虚线边框四、顶部边（上边）为虚线：CSS代码：.divcss5-3{border-top:1pxdashed#00

3、0;height:50px;width:350px}Html代码：我的上边为黑色虚线边框

这里设置了顶边（上边线）一边为黑色虚线边框五、底部边（下边）为虚线：CSS代码：.divcss5-4{border-bottom:1pxdashed#000;height:50px;width:350px}Html代码：我的下边为黑色虚线边框这里设置了底边（下边线）一边为黑色虚线边框六、任意一边不为虚线，其它三边为虚线

4、情况加入右边边框不为虚线而没有边线，其它三边为黑色虚线边框CSS代码：.divcss5-5{border:1pxdashed#000;border-right:0;height:50px;width:350px}Html代码：我的右边边框无边线而其它三边为黑色虚线边框实例这里通过先设置了该对象四边为黑色1px虚线边框，紧接着又设置一边边线为0的设置，这样相当于设置了3边的边框虚线属性，但是这里注意边框属性设置前后顺序。以上实例完整DIV+CSS代码如下：

5、OCTYPEhtml>CSS虚线DIVCSS5实例说明www.divcss5.comwww.divc

7、ss5.comcss虚线实例实例
我四边为虚线边框
我的左边为黑色虚线边框
我的右边为黑色虚线边框
我的上边为黑色虚线边框
我的下边为黑色虚线边框
我的右边边框无边

8、线而其它三边为黑色虚线边框实例

当前文档最多预览五页，下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页，下载文档查看全文
温馨提示：
1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。
2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。