css
XiaoXiongV
这个作者很懒,什么都没留下…
展开
-
搜索框
<style> .w { width: 990px; margin: 0 auto; padding: 0 0; } .wrap { height: 200px; background-color: #eee; text-align: center; } .wrap span...原创 2019-11-03 23:31:11 · 100 阅读 · 0 评论 -
轮播图下方小按钮,鼠标悬停后变大显示外圈
轮播图下方小按钮,鼠标悬停后变大显示外圈。<style> li { list-style: none; } a { text-decoration: none; } .wrap { height: 300px; } .wrap div { border: 1px solid red; } .wrap>div>...原创 2019-11-03 16:07:27 · 293 阅读 · 0 评论 -
hover一个元素的样式时需要是父子关系,隐藏盒子css不需要隐藏样式写法,比较麻烦,不知道有没有优点
默认情况下如果你想hover到一个元素上改变另外一个元素的CSS样式,被改变的元素必须是被hover元素的子元素,但你现在container和wrap不是父子关系,而是兄弟关系,那么你必须要这样设置了。.container:hover +.wrap{ background: red;}...原创 2019-10-30 23:33:50 · 1347 阅读 · 0 评论 -
改变li中a的字体颜色,不能使用li:hover
<li> <a>111</a></li>a { color: #fff;}li:hover { /* 这样是无效的,因为权重不够*/ color: yellow; }li a:hover { color:yellow;}原创 2019-10-27 00:23:51 · 2612 阅读 · 3 评论 -
两边盒子固定宽度,中间盒子自适应布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>两边固定中间自适应布局</title></head><body> <!-- 第一种 --> <!-- <style> ...原创 2019-10-22 23:31:49 · 695 阅读 · 0 评论 -
纯css小黄人
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>小黄人</title> <link rel="stylesheet" href="css/xhr.css"></head><body> &l...原创 2019-10-22 23:24:36 · 1893 阅读 · 0 评论 -
使用animation实现匀速无缝循环滚动动画,鼠标悬停停止运动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>无缝轮播</title> <!-- 运动 --> <!-- voison:0.1 1 2 3 4 5 6 1 1走到6再到1,这时如果没有1这张图就有一...原创 2019-10-20 13:20:42 · 6514 阅读 · 1 评论