随笔分类 -  CSS

Vue开发如何修改第三方组件的样式
摘要：举个例子，修改轮播图指示器 比如项目里运用了bootstrapVue，默认的轮播图指示器样式如下图：https://bootstrap-vue.org/docs/components/carousel 当需求是使用原点指示器，如下图，我们可以这样子来修改 1 <style lang="scss" s 阅读全文
posted @ 2021-01-18 12:46 苹瑶 阅读(556) 评论(0) 推荐(0)
多栏布局
摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>CSS3分栏布局</title> <style> #div1{ width: 100%; -webkit-column-width:150px; -moz-co 阅读全文
posted @ 2018-01-12 14:11 苹瑶 阅读(155) 评论(0) 推荐(0)
CSS3属性选择器
摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>CSS3属性选择器</title> <style> [id*=section]{ background: #000; } [id^=s]{ background 阅读全文
posted @ 2018-01-12 13:51 苹瑶 阅读(149) 评论(0) 推荐(0)
利用选择器在页面插入内容
摘要：可插入文字/图片/项目编号 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>使用选择器插入内容</title> <style> /*在h2标识的内容前面增加"补充"二字,并可设置样式*/ h2:before{ 阅读全文
posted @ 2018-01-12 13:50 苹瑶 阅读(176) 评论(0) 推荐(0)
在页面上显示服务器端的字体
摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>在页面上显示服务器端的字体</title> <style> @font-face { font-family: webfont; src: url(qtgg.o 阅读全文
posted @ 2018-01-12 13:50 苹瑶 阅读(760) 评论(0) 推荐(0)
兄弟元素选择器
摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> span~p{ background: green; } </style> </head> <body> <div> <p>d 阅读全文
posted @ 2018-01-12 13:49 苹瑶 阅读(172) 评论(0) 推荐(0)
CSS样式
摘要：<head> <!-- 链接外部css样式文件 --> <link rel="stylesheet" href="css/style.css"/> <style> <!-- HTML标记定义 --> p{color:yellow;} <!-- Class定义 --> .p1{color:yellow 阅读全文
posted @ 2018-01-02 11:15 苹瑶 阅读(142) 评论(0) 推荐(0)