![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
Zjaun
产品经理
展开
-
CSS——伪元素
伪元素的简单使用 <style> p{ width:500px; } #p1:first-line{ color:red; } #p2:first-letter{ font-size:3em; font-weight:bold; ...原创 2019-02-13 15:38:05 · 357 阅读 · 0 评论 -
CSS——光亮效果显示
相关代码 //头部 <head> <meta charset="utf-8"> <title></title> <style type="text/css" media="screen"&g原创 2019-02-13 10:23:53 · 1034 阅读 · 0 评论 -
CSS——颜色变化
根据设置的颜色位置就行显示 颜色渐变1 <style type="text/css"> div{ width:400px; height:200px; border:5px solid #FCF; padding:4px; background:linear-gradient(red,blue); background:...原创 2019-02-13 10:40:25 · 916 阅读 · 0 评论 -
CSS——灯箱广告
将css样式编写在另一个文件再引入,更加便于修改以及增加代码的观赏性 在头部中引入需要的css样式文件 <link href="one.css" type=text/css rel=stylesheet> 具体css样式 /*灯箱外框样式*/ .pic_box{ border:solid 6px #bbb; position:relative; float:left; } ....原创 2019-02-13 10:53:45 · 479 阅读 · 0 评论 -
CSS——派生选择器
1. 派生选择器 <style type="text/css"> a { color: red; } /*派生选择器*/ p a { font-size: 32px; } </style> 2. id派生选择器 <style type="text/css"> a原创 2019-02-13 11:24:10 · 1968 阅读 · 0 评论 -
CSS——HSL色彩模式
相关代码 在头部编写style <style type="text/css"> table{ border:solidlpxred; background:#eee; padding:6px; } th{ color:red; font-size:12px; font-weight:normal; } td{ ...原创 2019-02-13 10:07:27 · 632 阅读 · 0 评论