css 线条 立体感 |css 设置字体的样式

/*线条样式设置*/
.line{
border-bottom: 1px solid #000;
height: 0;
}
/*立体效果设置*/
.line3d{
position: relative;
box-shadow: 0 1px 0 #fff, 0 -1px 0 #fff, 1px 0 0 #000, -1px 0 0 #000, 0 2px 0 #777;
}

线条样式的设置非常简单，只需要通过border-bottom属性设置底部边框的样式即可。同时，需要设置高为0，以避免边框撑开容器。

而立体效果则需要通过position属性和box-shadow属性来实现。position属性为relative，表示要相对于原位置稍稍上升一点，这样就能产生立体的感觉。

box-shadow属性则用于设置阴影。通过一系列的阴影设置，让普通的线条立刻变得有立体感。具体的阴影设置可根据需求灵活调整。