如何给html标签添加一些属性

添加在定义属性即可。

比如

<div id="newTest" myAttr="getAttr"></div>

这里的“myAttr”就是这个标签的自定义属性了。

document.getElementById("newTest").myAttr 获取就可以了

以下几项属性对于浏览器的兼容很不好.

1.transform:rotate(45deg)

2.border-top-left-radius 该属性允许您向元素添加圆角边框

3.border-radius 该属性允许您向元素添加圆角边框

4.box-shadow 属性向框添加一个或多个阴影

5.text-shadow 属性向文本设置阴影

6.transition

为了更好的兼容各个浏览器,需要加上前缀.

-o- /*Opera浏览器*/

-webkit- /*Webkit内核浏览器 Safari and chrome*/

-ms- /*IE 9*/

-moz- /*Firefox浏览器*/

1.transform:rotate(45deg)

通过transform属性使对象旋转,其中(45deg)是旋转的角度

transform:rotate(45deg)

-ms-transform:rotate(45deg)/*IE 9*/

-o-transform:rotate(45deg)/*Opera浏览器*/

-webkit-transform:rotate(45deg)/*Webkit内核浏览器 Safari and chrome*/

-moz-transform:rotate(45deg)/*Firefox浏览器*/

2.border-top-left-radius border-radius 该属性允许您向元素添加圆角边框

前者可以选择添加圆角边框的位置

border-top-left-radius,border-top-right-radius,border-bottom-left-radius,border-bottom-right-radius

border-top-left-radius 该属性允许您向元素添加圆角边框,与border-radius一样,只是可以控制需要添加圆角边框的位置.

3.box-shadow属性向框添加一个或多个阴影,text-shadow属性向文本设置阴影

box-shadow: h-shadow || v-shadow || blur || spread || color || inset

---