HTML设置标签的CSS三种方式

迷南。 2024-04-17 05:42 57阅读 0赞

**第一种:用cssText**

div.style.cssText='width:600px;height:250px;border:1px red solid;text-align: center;line-height: 250px;';

**第二种：用setProperty()**

div.style.setProperty('width','700px');
     div.style.setProperty('height','300px');
     div.style.setProperty('line-height','300px');
     div.style.setProperty('background','#f00');
     div.style.setProperty('color','#fff');
     div.style.setProperty('border','1px solid blue');
     div.style.setProperty('text-align','center');

**第三种：使用css属性对应的style属性**

![复制代码][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg]

div.style.width = "800px";
     div.style.height = "250px"; 
     div.style.lineHeight = "250px"; 
     div.style.background = "#000";
     div.style.color = "#fff";
     div.style.border = "1px solid #111";
     div.style.textAlign = "center";

[aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg

发表评论取消回复

表情：

评论列表（有 0 条评论，57人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML设置标签的CSS三种方式

*第一种:用cssText** div.style.cssText='width:600px;height:250px;border:1px red solid...

迷南。/ 2024年04月17日 05:42/ 0 赞/ 58 阅读

相关 HTML中CSS的三种写法

原文网址：[HTML中CSS的三种写法\_IT利刃出鞘的博客-CSDN博客][HTML_CSS_IT_-CSDN] 简介本文介绍在前端HTML中写CSS的三种方法。

红太狼/ 2023年09月23日 17:01/ 0 赞/ 142 阅读

相关【css】css的三种引入方式

1.行内式  <div style="width: 100px;height: 50px;backgr

约定不等于承诺〃/ 2022年11月26日 08:39/ 0 赞/ 231 阅读

相关 HTML引入css样式的三种方式，css选择器的三种样式

文章目录前言一. css样式的三种方式第一种：内联定义方式第二种：样式块

青旅半醒/ 2022年10月05日 00:53/ 0 赞/ 241 阅读

相关 js获取标签的三种方式

<!DOCTYPE html> <html> <head> <meta charset="utf-8">

我不是女神ヾ/ 2022年10月02日 15:57/ 0 赞/ 620 阅读

相关 css文件链接html的三种方式

<!--<html>

野性酷女/ 2022年08月26日 15:36/ 0 赞/ 209 阅读

相关 HTML加入CSS的几种方式

参考链接： [HTML与CSS的链接方式][HTML_CSS] [HTML_CSS]: https://blog.csdn.net/ruthywei/article/de

忘是亡心i/ 2022年05月18日 03:42/ 0 赞/ 231 阅读

相关导入CSS的三种方式

文章目录 1 行内方式 2 内部样式表 3 外链方式 3.1 链接式 3.2 导入式

小鱼儿/ 2022年03月06日 09:56/ 0 赞/ 340 阅读

相关 html+css 设置select标签的宽高

思路 1、前提是设置边框 border: 1px solid \5cb85c; 2、设置宽高 -------------------- html+css 设置

阳光穿透心脏的1/2处/ 2022年02月18日 14:23/ 0 赞/ 742 阅读

相关插入CSS的三种方式

从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式内联式：就是把css代码直接写在现有的HTML标签中，适用于当特殊的样式需要应用到个别元...

亦凉/ 2021年05月03日 16:13/ 0 赞/ 599 阅读