HTML5边框的设置（border）

边框的样式：
solid 实线 dotted 点线 dashed 虚线 double 双线 inset 三维立体效果
边框有3个元素，用法是 border-top:10px soild red;

border-top:上边
border-bottom:下边
border-left:左边
border-right:右边

例子：
CSS画出一个三角形，

CSS2 引入了边框颜色值 transparent。这个值用于创建有宽度的不可见边框。请看下面的例子：

<!doctype html>
<html lang="en"><head><meta charset="UTF-8"><title>透明边框</title><style>body{background:#333300;}#a{width:0px;height:0px;border-top:30px solid red;border-bottom:30px solid transparent;border-left:30px solid transparent;border-right:30px solid transparent;}</style></head><body><div id=a></div></body>
</html>

设置透明边框的好处是如果页面背景不是白色的话，设置了透明边框后，边框就看不到，普通方法让边框颜色设置为白色，如果背景不是白色而是其他颜色的话，就能看出露出一块白色的地方。

HTML5边框的设置（border）相关推荐

html5如何制作边框,html5 边框怎么设置
html5边框设置的方法:首先创建一个HTML示例文件:然后创建一个div,代码如" 本文操作环境:windows7系统.HTML5&&CSS3版.Dell G3电脑. HT ...
微信小程序组件的边框设置 border
对于组件 view 有一个边框,我们可以对其进行设置 <view class="test">test</view> 效果展示: 更多关于边框的属性 bor ...
wpf中内容包含在border中_WPF：点击后聚焦边框(WPF: Focus border after click)
WPF:点击后聚焦边框(WPF: Focus border after click) 我试图在用户点击它之后重点关注border . 目前,可以通过tabs聚焦border ,但通过点击对用户来说更方 ...
css 边框不连续,css 不规则边框怎么设置
css不规则边框的设置方法:首先创建一个HTML示例文件:然后通过"border-image: url(border.png) 30 stretch;"属性设置不规则边框即可. 本 ...
css3属性box-sizing:border-box 用法解析击败边框：带border的百分比布局
响应式Web设计经常需要我们通过百分比设置组件宽度.如果我们不考虑边框,那么很容易就可以实现,但如果你给每一列以及总宽度都采用百分比设置,那这个时候固定的边框大小就会出来捣乱.下面我们将看到一组方法去 ...
关于table边框，设置了border-collapse:collapse之后，设置border-radius没效果
做项目遇到边框需要设置圆角,然后发现在设置了border-collapse:collapse之后,border-radius:10px不起作用了,发现这个是css本身的问题,两者不能混在一起使用. 代 ...
html怎么给边框改样式,html里面怎么设置边框？html边框样式设置方法
html怎么设置边框?html边框线怎么设置?相信有很多刚刚接触html的朋友都会有这样的疑问.本章就给大家介绍html里面怎么设置边框?html边框样式设置方法.有一定的参考价值,有需要的朋友可以参 ...
div背景透明内容不透明与0.5PX边框兼容设置
1.问题:设置 border-width:0.5px; 并兼容安卓和苹果移动端. 兼容:苹果IOS的 safari 支持浮点数边框,安卓浏览器不支持,会四舍五入到1px.不同浏览器效果额不同解 ...
CSS3 盒子设置border和padding不撑开盒子
普通的盒子模型我们设置border会将盒子撑大 <!DOCTYPE html> <html lang="en"><head><meta c ...

HTML5边框的设置（border）

HTML5边框的设置（border）相关推荐

最新文章

热门文章