CSS3_边框属性之圆角 - 相关文章

【CSS3_边框属性之圆角】的更多相关文章

CSS3_边框属性之圆角

一.border-radius是向元素添加圆角边框: border-radius的值不仅能用px单位,你还可以用百分比或者em,但兼容性目前还不太好.(都不能是负值) 1.border-radius 设置或检索对象使用圆角边框. 如果提供四个参数值,将按上左.上右.下右.下左的顺序作用于四个角. 如果提供一个,将用于全部的于四个角. 如果提供两个,第一个用于上左.下右,第二个用于上右.下左. 如果提供三个,第一个用于上左,第二个用于上右.下左,第三个用于下右. 垂直半径也遵循以上4点. 对应的脚…

CSS3_边框属性之圆角的基本图形案例

一.正方形 div{ background:#F00; width:100px; height:100px;} 二.长方形 div{background:#F00;width:200px;height:100px;} 三.圆形把宽度(width)与高度(height)值设置为一致(也就是正方形),并且四个圆角值都设置为它们值的一半. div{width: 100px;height: 100px;background: red;-moz-border-radius: 50px;-webkit…

css3设置边框属性

css设置边框属性:设置边框圆角 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> div.border1{ border: 3px solid blue;/*边框大小实心线蓝色*/ padding :10px 40px;/* 上下边距左右边距*/ bac…

WPF将TextBox的边框设为圆角的

将TextBox的边框设为圆角的,因为TextBox默认的样式中边框就是由Border类型来实现的, 所以只需要真的当前的TextBox的Border修改属性即可,为了不影响界面中别的Border的样式, 所以将修改的样式写在了TextBox的Resources中 <TextBox> <TextBox.Resources> <Style TargetType="{x:Type Border}"> <S…

CSS3的新增边框属性

一.CSS3 新增的边框属性属性版本简介 border-image CSS3 设置或检索对象的边框使用图像来填充 border-image-source CSS3 设置或检索对象的边框是否用图像定义样式或图像来源路径 border-image-slice CSS3 设置或检索对象的边框背景图的分割方式 border-image-width CSS3 设置或检索对象的边框厚度 border-image-outset CSS3 设置或检索对象的边框背景图的扩展 border-image-rep…

Web前端篇：CSS常用格式化排版、盒模型、浮动、定位、背景边框属性

目录 Web前端篇:CSS常用格式化排版.盒模型.浮动.定位.背景边框属性 1.常用格式化排版 2.CSS盒模型 3.浮动 4.定位 5.背景属性和边框属性 6.网页中规范和错误问题 7.显示方式 Web前端篇:CSS常用格式化排版.盒模型.浮动.定位.背景边框属性 1.常用格式化排版 1.字体的属性设置字体属性: body{font-family:"Microsoft Yahei"} body{font-family:"Microsoft Yahei",&quo…

IT兄弟连 HTML5教程 CSS3属性特效圆角

传统的圆角生成方案,必须使用多张图片作为背景图案.CSS3的出现,使得我们再也不必浪费时间去制作这些图片了,只需要border-radius属性,支持浏览器IE 9.Opera 10.5.Safari 5.Chrome 4和Firefox 4. 1 border-radius属性 CSS3圆角只需设置一个属性:border-radius(含义是"边框半径").为这个属性提供一个值,就能同时设置四个圆角的半径.所有合法的CSS度量值都可以使用:em.px.百分比等等.比如,下面是一个d…

前端1-----CSS颜色属性,字体文本和背景属性,边框属性,margin和padding,盒模型,行内块转换,浮动,三大定位

前端1-----CSS颜色属性,字体文本和背景属性,边框属性,margin和padding,盒模型,行内块转换,浮动,三大定位一丶css选择器的优先级行内 > id选择器 > 类选择器 > 标签选择器 > 继承 1000 100 10 1 0 # 所有的值可以累加,但不能进位 (同级别的数值可以累加) # 优先级如果相同,写在后面的生效二丶css的颜色表示 /*RGB表示法*/ rgb: red green blue /* 光谱三原色 */ rgb(255,255,255)…

CSS的背景属性和边框属性

CSS的背景属性: background 简写属性,作用是将背景属性设置在一个声明中 background-attachment 背景图像是否固定或者随着页面的其余部分滚动 background-color 设置元素的背景颜色 background-image 把图像设置为背景 background-position 设置背景图像的起始位置 background-repeat 设置背景图像是否如何重复实例代码一: <p style="background-color:pink; widt…

border边框属性

边框属性: 边框宽度(border-width):thin.medium.thick.长度值边框颜色(border-color):颜色.transparent(透明) 边框样式(border-style): none 定义无边框,默认值 hidden 与none相同,除非在表格元素中解决边框冲突时 dotted 定义点状边框,在大多数浏览器中呈现为实线 dashed 定义虚线,在大多数浏览器中呈现为实线 solid 定义实线 double 定义双线 groove 定义3D 凹槽边框 ridge…