摘要：
主要是中间的分割线，效果图如下： Html代码： <div class="fuwu"> <ul> <li><a href=""><i class="iconfont icon-shizhong"></i><span>保障服务</span></a></li> <li><a href=""><i cla 阅读全文
posted @ 2021-08-18 20:17
专注网站建设和推广
阅读(220)
评论(0)
推荐(0)
摘要：
一般适用于公告展示。 操作步骤： 1，强制性让内容不换行只在一行内显示 white-space: nowrap 2，把div这行内溢出的部分文字隐藏 overflow:hidden 3，再把div内显示不全的的文字用省略号替代 text-overflow:ellipsis 阅读全文
posted @ 2021-08-18 19:16
专注网站建设和推广
阅读(854)
评论(0)
推荐(0)
摘要：
主要原理： 1，先把盒子宽度和高度设置为0，只剩下边框，这样的话每个边框都会变成1个三角形 2，需要三角形朝向哪个方向，先把所有边框颜色设置为透明，然后只需设置这个方向的边框颜色就可以了（箭头方向和边框方向相反，比如需要箭头朝右就需要设置左边框颜色） width: 0px; height: 0px; 阅读全文
posted @ 2021-08-18 18:11
专注网站建设和推广
阅读(445)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title></title></head> <style>.a {color : #FFFF00;} .a:hover + .b{color : #00FF00;}.a:hover 阅读全文
posted @ 2021-08-18 17:38
专注网站建设和推广
阅读(1001)
评论(0)
推荐(0)
摘要：
使用方法：.父元素:hover .子元素（hover和子元素之间需要一个空格），如： .a:hover .b 演示效果：代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .alarm:ho 阅读全文
posted @ 2021-08-18 15:11
专注网站建设和推广
阅读(1294)
评论(0)
推荐(0)
浙公网安备 33010602011771号