CSS-背景 超链接
背景:背景颜色、背景图片、背景图片的填充方式
background-color:使用颜色值设置
background-image:url(“ 图片--相对路径文件名”)--需要添加url函数
空元素--只有标签没有内容,需要添加高度和宽度才会显示背景颜色和图片
background-repeat:背景图片的填充方式 repeat(棋盘格填充 水平和纵向填充)\repeat-x\repeat-y\no-repeat
上述两同时添加,背景图片覆盖背景颜色--如果背景图片没有显示出来 背景颜色就起作用了
超链接:a--任何状态
伪类
a:link------没有访问的----鼠标没触碰过
a:visit-------已经访问过--鼠标点击过了
a:hover-鼠标停在上方(必须在 前面两个设置之后设置)-鼠标悬停放大文字需要之前设置悬停设置
a:active--鼠标刚点击--跳转过程或者下载(必须在hover之后设置)
CSS-背景 超链接相关推荐
- 前端:CSS/10/伪类选择器,CSS列表属性,CSS边框属性,CSS内边距属性,CSS背景属性
CSS伪类选择器:给超链接加的样式(链接的不同状态加样式) 一个超链接,有四个状态: 正常状态(:link):鼠标没放上去之前的样式: 放上状态(:hover):鼠标放到链接上时的样式: 激活状态(: ...
- CSS背景、文本、字体
CSS 背景 CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果. CSS 在这方面的能力远远在 HTML 之上. 背景色 可以使用 background-color 属性为元素设置背 ...
- html css 背景图片
html css 背景图片 文章目录 html css 背景图片 视频 代码 视频 https://www.bilibili.com/video/BV1MJ411M7qi?from=search&am ...
- 前端笔记(4)css,复合选择器,标签的显示模式,行高,css背景,css三大特性
css样式表/层叠样式表(2) (1)css复合选择器 后代选择器 子元素选择器 交集选择器(不常用) 并集选择器 链接伪类选择器 (2)标签的显示模式 块级元素block-level 行内元素inl ...
- CSS背景不透明度[重复]
本文翻译自:CSS Background Opacity [duplicate] This question already has an answer here: 这个问题已经在这里有了答案: Ho ...
- 利用wget 抓取 网站网页 包括css背景图片
利用wget 抓取 网站网页 包括css背景图片 wget是一款非常优秀的http/ftp下载工具,它功能强大,而且几乎所有的unix系统上都有.不过用它来dump比较现代的网站会有一个问题:不支持c ...
- 用dw中html设置背景,Dreamweaver 教程-CSS背景属性(background)
但凡正规的网站在设计时都会注重网页背景的使用,一个好的网页背景与整体设计是息息相关的.下面我们就来讲讲一些常用的CSS背景属性. 1.背景颜色属性(background-color)body { ba ...
- css背景渐变的技巧与方法
[发帖际遇]: the_truth玩宠物的时候不幸损失威望13. css背景渐变的技巧与方法 用css实现网页背景渐变的代码如下: 一.从上往下渐变 Example Source Code: body ...
- css背景图根据屏幕大小自动缩放
css背景图根据屏幕大小自动缩放 代码: 1 2 3 4 5 6 7 8 9 10 <style> html,body{margin:0px;padding:0px;} #backgrou ...
- css背景图片、圆角、盒子阴影、浮动
一.css背景图片 1.概述 背景是css中一个重要的的部分,也是需要知道的css的基础知识之一.这里主要介绍有关背景图片的5种常见属性,分别是: (1). background-color: rgb ...
最新文章
- spring Transaction Propagation 事务传播
- IE6环境下遭遇winow.location.href=''的跳转bug
- 《博士五年总结》及我其它过去的博客文章
- LeetCode 1130. 叶值的最小代价生成树(区间DP/单调栈贪心)
- 计算机专业笔记本需要小键盘吗,笔记本电脑小键盘数字0不能用
- 前端工程师的迷茫:不知道我这种前端是不是被淘汰了?
- React学习笔记六 React拓展 - SetState
- FoneDog Toolkit for Android如何从Android恢复丢失的文件
- 职称计算机考试相当于几级,全国职称计算机考试与全国计算机等级考试有什么不同?...
- android admob sdk,android – 无法显示AdMob横幅
- 微信小程序之“豆瓣电影”
- click option/argument参数详解(click.option()和click.argument())
- Matplotlib 绘制条形图
- java基础 day12-FileInputStream类,文件的复制,缓冲流,Propertes文件,xml文件读写,网络socket编程(构建TCP客户端),内部类
- vscode新建文件夹
- python基础部分
- fiddler图片替换
- MariaDB Galera Cluster 集群部署
- linux之vimdiff命令
- 监控FTP服务状态,并自动重启servU