title样式css的简单介绍

css能修改html里title属性的样式吗

不可以的。但是可以通过css中的after伪元素自己实现title的功能，比如：

div data-title="标题" class="tip"/div

.tip:after {

content:attr(data-title);

//在这里设置好title出现的位置就好了

}

相关问答

Q1: css可以定义超级链接a标签里面的title的样式吗？该如何处理

你可以通过onmouseover事件来show一个内容为title的自定义box给这个box啦定义样式。

------解决方案--------------------------------------------------------style#tooltip{border:1px solid red; background:#FF6;

position:absolute;

padding:1px;

color:#333;

display:none;}/stylescript type=text/javascript src=scripts/jquery-1.7.1.min.js/script

script type=text/javascript

$(function(){var x=10;var y=20;$(a.tooltip).mouseover(function(e){

this.myTitle=this.title;

this.title=;

var tooltip=div id='tooltip'+this.myTitle+/div; //创建DIV元素

$(#link).append(tooltip); //追加到文档中

$(#tooltip).css({top: (e.pageY+y) + px,left: (e.pageX+x) + px}).show(); //设置X Y坐标， 并且显示

}).mouseout(function(){

this.title=this.myTitle;

$(#tooltip).remove(); //移除

}).mousemove(function(e){

$(#tooltip).css({top: (e.pageY+y) + px,left: (e.pageX+x) + px});})})/script

title超链接提示效果/title/headbodydiv id=link

pa href=# class=tooltip title=这是我的超链接提示1提示1/a/p

pa href=# class=tooltip title=这是我的超链接提示2提示2/a/p

pa href=# title=这是我的超链接提示1自带提示1/a/p

pa href=# title=这是我的超链接提示2自带提示2/a/p/div/bodyjq写的， 你看看是不是你想要的那种效果， 提示框的样式可以自己更改的。。

Q2: 在title上样式怎么加

引用（有人回答过了）：

.btn {

BORDER-RIGHT: #7b9ebd 1px solid;

PADDING-RIGHT: 2px;

BORDER-TOP: #7b9ebd 1px solid;

PADDING-LEFT: 2px;

FONT-SIZE: 12px;

BORDER-LEFT: #7b9ebd 1px solid;

CURSOR: hand;

COLOR: black;

PADDING-TOP: 2px;

BORDER-BOTTOM: #7b9ebd 1px solid

}

button class=btn title="CSS样式按钮"CSS样式按钮/button

以上是一个典型的CSS控制的按钮样式。我分别作一下简单的解释与说明：

.btn {

BORDER-RIGHT: #7b9ebd 1px solid; 右边线

PADDING-RIGHT: 2px; 内边距 右

BORDER-TOP: #7b9ebd 1px solid; 上边线

PADDING-LEFT: 2px; 内边距 左

FONT-SIZE: 12px; 文字大小

BORDER-LEFT: #7b9ebd 1px solid; 左边线

CURSOR: hand; 鼠标移上去时，变成手形。

COLOR: black; 颜色黑 （表示文字颜色）

PADDING-TOP: 2px; 内边距 上

BORDER-BOTTOM: #7b9ebd 1px solid 底边线

}

Q3: title属性可以用CSS控制吗？

可以使用CSS的expression，仅限于IE5-IE7上使用，代码如下所示：

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"

html

head

    titleTest Expression/title

style type="text/css"

a {star : expression(onload=this.title="111111111111")}

/style

/head

body

    a href="a.htm"a.htm/a

    a href="b.htm"b.htm/a

/body

/html

效果如下：

Q4: css 中title属性怎样设置文本样式？如加颜色、设置大小

1、打开开发工具，新建一个HTML文件。

2、使用font-family属性设置，字体代码：.demo1{font-family: "microsoft yahei";}。

3、使用font-size属性设置字体的大小代码：.demo1{font-size: 20px;}。

4、使用font-style 属性设置字体风格：normal - 文本正常显示italic - 文本斜体显示oblique - 文本倾斜显示。

5、使用font-weight属性设置字体的粗细代码：.demo2{font-weight: 600;}。

6、使用color设置字体颜色代码：.demo1{color: #FF0000;}。就完成了。

Q5: 怎么使用css给div里面的title属性添加样式

div的title属性是不能修改样式的，用css也没法加。

你非要做的话，可以用多个

div+css

+js的方式套一个模拟的出来。