css样式直线,css横线

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

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

[img]

相关问答

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

CSS代码如下

border-bottom: 2px solid red;

代码解释：

border-bottom: 表示下边框

2px:表示边框宽度

solid：实现边框

red：红色

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

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

Q3: 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属性，用谷歌什么的高版本浏览器看。