网站建设资讯

NEWS

网站建设资讯

边框立体样式css,立体感的边框

CSS border(边框)样式写法总结

border属性 :在网页中设置元素的边框样式。可同时设置边框宽度、边框样式、边框颜色。也可以单独设置上边、右边、下边、左边的边框。

创新互联一直秉承“诚信做人,踏实做事”的原则,不欺瞒客户,是我们最起码的底线! 以服务为基础,以质量求生存,以技术求发展,成交一个客户多一个朋友!为您提供成都网站设计、成都做网站、外贸网站建设、成都网页设计、微信小程序开发、成都网站开发、成都网站制作、成都软件开发、重庆App定制开发是成都本地专业的网站建设和网站设计公司,等你一起来见证!

语法:border: border-width | border-style | border-color;

border-width :边框宽度。可以指定长度值。如1px,1em(单位为px,pt,em等)。或者使用关键字medium(默认),thick,thin。

 border-top-width:设置元素上边框宽度

 border-right-width:设置元素右边框宽度

 border-bottom-width:设置元素下边框宽度

 border-left-width:设置元素左边框宽度

border-style :边框样式。

 border-top-style:设置元素上边框样式

 border-right-style:设置元素右边框样式

 border-bottom-style:设置元素下边框样式

 border-left-style:设置元素左边框样式

 属性值有:

  none:无边框。

  hidden:隐藏边框。对于表,hidden 用于解决边框冲突。

  dotted:点状边框。

  dashed:虚线边框。

  solid:实线边框。

  double:双线边框。两条单线与其间隔的和等于指定的border-width值。

  groove:3D凹槽边框。

  ridge:3D垄状边框。

  inset:凹边框。

  outset:凸边框。

border-color :边框颜色。

1.1 边框各样式效果图

1.2 四条边颜色样式相同

1.3 四条边颜色不同,样式相同

1.4 四条边颜色相同,样式不同

1.5 设置上边框宽度、样式、颜色

1.6 设置右边框宽度、样式、颜色

1.7 设置下边框宽度、样式、颜色

1.8 设置左边框宽度、样式、颜色

以上对border边框属性进行了基础操作,大家可以根据自己的经验为边框制作出更漂亮的样式。如若大家有什么更好的见解,那就在回复区畅所欲言吧,我定会吸取精华~如有写错欢迎大家回复,我以后定会更加细心 _

html中如何用css让文本框有立体的感觉

style

type="text/css"

INPUT.smallInput

{

BACKGROUND-COLOR:#FFFFFF;

COLOR:#000000;

FONT-SIZE:9pt;

FONT-WEIGHT:Normal;

TEXT-DECORATION:None;

FOTN-FAMILY:宋体,verdana,Arial,

Helvetica;

TEXT-ALIGN:Left;

BORDER-TOP:3

Hidden

#808080;

BORDER-LEFT:3

Hidden

#808080;

BORDER-RIGHT:3

Hidden

#FFFFFF;

BORDER-BOTTOM:3

Hidden

#FFFFFF;

CURSOR:Text;

}

/style

这个css样式是

--单行文本框设置代码--,你可以修改一下做出自己想要的效果

,然后你的文本框调用这个样式就可以了

CSS样式如何设置图片立体效果

能否说得详细一点,什么叫立体效果的背景图片? 非要通过css设置,就只能设置左边和顶边的边框为浅色模拟高光,右边和底边的边框为深色模拟阴影来做立体效果。如果要复杂一些的立体效果,你就必须通过图片来做了,使用绘图软件绘制一个立体效果的按钮,然后设为按钮背景即可


新闻标题:边框立体样式css,立体感的边框
URL分享:http://cdweb.net/article/phshoc.html