css样式直线,css横线

CSS样式问题有没有一个方法能想如图这样将 一直线只显示两头

理论上可以的，把4个角当成4个盒子，比如左上角的盒子，设置一个宽高如30像素，设置上边框和左边框的颜色为5像素、实线、红色，右边框和下边框设置为5像素、实线、白色，其他3个盒子以此类推。不过不太实用，建议用图片。

为清镇等地区用户提供了全套网页设计制作服务，及清镇网站建设行业解决方案。主营业务为网站建设、做网站、清镇网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

[img]

CSS里 怎么用盒子的下边框画一条红色的2PX的线 网页显示的时候 只有一条直线就可以了

CSS代码如下

border-bottom: 2px solid red;

代码解释：

border-bottom: 表示下边框

2px:表示边框宽度

solid：实现边框

red：红色

css怎么使五个相同大小的圆形图标在同一水平线上，它默认显示在同一竖直线上

哈哈，好简单的问题，为每一个圆形外层加上li，然后5个都在ul中，通过css样式设置li的样式为float：left，这五个圆形就飘起来在一条直线上了。

css怎么实现一条直线向右逐渐延伸显示

用css3动画去做

!doctype html

html

head

meta charset="utf-8"

title00/title

style

.xian{ width:50px; height:1px; background:#000000; margin-top:100px;}

.xian{animation: myfirst 5s;}

@keyframes myfirst

{

from {width: 50px;}

to {width: 1000px;}

}

/style

/head

body

div class="xian"/div

/body

/html

低版本浏览器不支持css3属性，用谷歌什么的高版本浏览器看。

分享文章：css样式直线,css横线
本文链接：http://scjbc.cn/article/dsopjgj.html