background-color 相关问题

`background-color`是一个CSS属性，用于定义元素的背景颜色。

<RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@+id/image_Dead_Load" android:layout_centerHorizontal="true" android:layout_marginBottom="6dp" android:layout_marginLeft="6dp" android:layout_marginRight="6dp" android:background="@drawable/layout_border" android:paddingLeft="6dp" android:paddingRight="6dp"> <RelativeLayout android:id="@+id/material_info" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:background="@color/green"> <TextView android:id="@+id/wall_material" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentEnd="true" android:layout_alignParentRight="true" android:layout_alignTop="@+id/material_thickness" android:layout_gravity="center_horizontal" android:layout_marginEnd="91dp" android:layout_marginRight="110dp" android:paddingLeft="5sp" android:text="جنس مصالح" android:textColor="@color/black" android:textSize="15sp" /> <TextView android:id="@+id/material_thickness" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:layout_marginBottom="3dp" android:paddingLeft="5sp" android:text="ضخامت mm" android:textColor="@color/black" android:textSize="15sp" /> </RelativeLayout> <RelativeLayout android:id="@+id/brick_layout" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_below="@+id/material_info" android:layout_marginTop="5dp"> <EditText android:id="@+id/editText_wall_width" android:layout_width="100dp" android:layout_height="30dp" android:layout_alignBottom="@+id/wall_material_spinner" android:layout_alignTop="@+id/wall_material_spinner" android:layout_marginRight="3dp" android:background="@drawable/textinputborder" android:inputType="numberDecimal" android:paddingLeft="5sp" android:textColor="@color/black" /> <Spinner android:id="@+id/wall_material_spinner" android:layout_width="wrap_content" android:layout_height="25dp" android:layout_toLeftOf="@+id/brick_material" android:layout_toRightOf="@+id/editText_wall_width" android:layout_toStartOf="@+id/brick_material" android:background="@drawable/spinner_background" android:spinnerMode="dropdown" /> <TextView android:id="@+id/brick_material" android:layout_width="60dp" android:layout_height="wrap_content" android:layout_alignBaseline="@+id/wall_material_spinner" android:layout_alignParentRight="true" android:text="نوع آجر" android:textColor="@color/gray_heavy" android:textSize="15sp" /> </RelativeLayout> <RelativeLayout android:id="@+id/plastering_layout" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_below="@+id/brick_layout"> <EditText android:id="@+id/editText_plastering_material" android:layout_width="100dp" android:layout_height="30dp" android:layout_alignBottom="@+id/plastering_material_spinner" android:layout_alignTop="@+id/plastering_material_spinner" android:layout_marginRight="3dp" android:background="@drawable/textinputborder" android:inputType="numberDecimal" android:paddingLeft="5sp" android:textColor="@color/black" /> <Spinner android:id="@+id/plastering_material_spinner" android:layout_width="wrap_content" android:layout_height="25dp" android:layout_marginTop="7dp" android:layout_toLeftOf="@+id/plastering_material" android:layout_toRightOf="@+id/editText_plastering_material" android:layout_toStartOf="@+id/plastering_material" android:background="@drawable/spinner_background" android:gravity="center_vertical" android:spinnerMode="dropdown" /> <TextView android:id="@+id/plastering_material" android:layout_width="60dp" android:layout_height="wrap_content" android:layout_alignBaseline="@+id/plastering_material_spinner" android:layout_alignParentRight="true" android:text="نوع اندود" android:textColor="@color/gray_heavy" android:textSize="15sp" /> </RelativeLayout> <RelativeLayout android:id="@+id/esther_layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@id/plastering_layout"> <TextView android:id="@+id/esther_material" android:layout_width="60dp" android:layout_height="wrap_content" android:layout_alignBaseline="@+id/esther_material_spinner" android:layout_alignParentRight="true" android:text="نوع آستر" android:textColor="@color/gray_heavy" android:textSize="15sp" /> <Spinner android:id="@+id/esther_material_spinner" android:layout_width="wrap_content" android:layout_height="25dp" android:layout_marginTop="7dp" android:layout_toLeftOf="@+id/esther_material" android:layout_toRightOf="@+id/editText_esther_material" android:layout_toStartOf="@+id/esther_material" android:background="@drawable/spinner_background" android:gravity="center_vertical" android:spinnerMode="dropdown" /> <EditText android:id="@+id/editText_esther_material" android:layout_width="100dp" android:layout_height="30dp" android:layout_alignBottom="@+id/esther_material_spinner" android:layout_alignTop="@+id/esther_material_spinner" android:layout_marginRight="3dp" android:background="@drawable/textinputborder" android:inputType="numberDecimal" android:paddingLeft="5sp" android:textColor="@color/black" /> </RelativeLayout> <RelativeLayout android:id="@+id/exterior_mortar_layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@id/esther_layout"> <TextView android:id="@+id/exterior_mortar_material" android:layout_width="60dp" android:layout_height="wrap_content" android:layout_alignBaseline="@+id/exterior_mortar_material_spinner" android:layout_alignParentRight="true" android:text="ملات بیرونی" android:textColor="@color/gray_heavy" android:textSize="12sp" /> <Spinner android:id="@+id/exterior_mortar_material_spinner" android:layout_width="wrap_content" android:layout_height="25dp" android:layout_marginTop="7dp" android:layout_toEndOf="@+id/editText_exterior_mortar_material" android:layout_toLeftOf="@+id/exterior_mortar_material" android:layout_toRightOf="@+id/editText_exterior_mortar_material" android:background="@drawable/spinner_background" android:gravity="center_vertical" android:spinnerMode="dropdown" /> <EditText android:id="@+id/editText_exterior_mortar_material" android:layout_width="100dp" android:layout_height="30dp" android:layout_alignBottom="@+id/exterior_mortar_material_spinner" android:layout_alignTop="@+id/exterior_mortar_material_spinner" android:layout_marginRight="3dp" android:background="@drawable/textinputborder" android:inputType="numberDecimal" android:paddingLeft="5sp" android:textColor="@color/black" /> </RelativeLayout> <RelativeLayout android:id="@+id/facing_layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@id/exterior_mortar_layout"> <TextView android:id="@+id/facing_material" android:layout_width="60dp" android:layout_height="wrap_content" android:layout_alignBaseline="@+id/facing_material_spinner" android:layout_alignParentRight="true" android:text="نوع نما" android:textColor="@color/gray_heavy" android:textSize="15sp" /> <Spinner android:id="@+id/facing_material_spinner" android:layout_width="wrap_content" android:layout_height="25dp" android:layout_marginTop="7dp" android:layout_toEndOf="@+id/editText_facing_material" android:layout_toLeftOf="@+id/facing_material" android:layout_toRightOf="@+id/editText_facing_material" android:background="@drawable/spinner_background" android:gravity="center_vertical" android:spinnerMode="dropdown" /> <EditText android:id="@+id/editText_facing_material" android:layout_width="100dp" android:layout_height="30dp" android:layout_alignBottom="@+id/facing_material_spinner" android:layout_alignTop="@+id/facing_material_spinner" android:layout_marginRight="3dp" android:background="@drawable/textinputborder" android:inputType="numberDecimal" android:paddingLeft="5sp" android:textColor="@color/black" /> </RelativeLayout> <Button android:id="@+id/wall_loading_btn" android:layout_width="150dp" android:layout_height="36dp" android:layout_alignParentBottom="true" android:layout_alignParentRight="true" android:layout_marginTop="5dp" android:background="@drawable/buttonshape" android:gravity="center" android:onClick="wallLoading" android:text="محاسبه" android:textColor="@color/white" android:textSize="18sp" android:textStyle="bold"></Button> </RelativeLayout> 秒，如您所见，我使用滑动选项卡，即Android Studio预览中未显示其高度：我无法设置布局高度，而我的蓝色按钮在真实设备中的最后一个旋转器上。（请参阅第一张图片）我该如何解决它们？背景填充了整个“材料_info”布局，但是这种布局并不能填充整个宽度。如果您希望布局适合整个宽度，请删除顶级布局的桨板和边距，并为每个孩子单独设置它。要实现可绘制自定义背景的圆角效果。您可以创建这样的自定义形状： <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http//schemas.android.com/apk/res/android" android:shape="rectangle"> <solid android:color="@color/yourGreen" /> <corners android:bottomLeftRadius="0dp" android:bottomRightRadius="0dp" android:topLeftRadius="@dimen/yourRadius" android:topRightRadius="@dimen/yourRadius" /> </shape> 调查第二个问题：您不会在预览中看到“选项卡在应用中可见

android layout background background-color

回答 1 投票 0

如何删除不同部分之间的空间？

我无法摆脱各部分之间的空间（鲜艳的色彩可以使差异可见，我希望中间部分是灰色的）。我认为这与我无法摆脱各部分之间的空间（鲜艳的色彩使差异可见，我希望中间部分为灰色）。我认为这与和标签有关，但很难确定解决方案。你可以协助吗？我使用的是我使用的HTML和CSS中的一些： * { width: 100%; margin: auto; box-sizing: border-box; align-items: center; text-align: center; text-decoration: none; font-family: sans-serif; background-color: silver; } body { padding-left: 25%; padding-right: 25%; background: linear-gradient(to right, red 25%, silver 50%, red 25%); } <body> <a href="#" class="navbar__logo"><img src="images/Capture.JPG" alt="Logo of Company" class="logo"></a> <h2>For a Faster & Tastier World</h2> <p id="top__chat">An Extraordinary Invention To Make You Happier</p> <div class="navbar--menu"> <a href="#" class="navbar__link">Home</a> <a href="#" class="navbar__link">Products</a> <a href="#" class="navbar__link">About</a> </div> <section class="hero"> <div class="hero__image"> <img src="/images/super_mag_hero.jpg" alt="Super Mag" id="hero__image"> </div> <h4>Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit sunt, porro, accusamus hic ullam..</h4> </section> <br> <section class="story"> <div id="mid__chat1"> <img src="images/sell_mag.jpeg" alt="Super Mag" class="mid_img1"> </div> <p class="mid_chat1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae aut, est perferendis veniam unde modi </p> </div> <h4>Lorem i perferendis tempora quo sint placeat fugiat!</h4> <br><br> <div id="mid__chat2"> <img src="images/sell_mag.jpeg" alt="Super Mag" class="mid_img2"> </div> <p class="mid_chat2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae aut, est perferendis .</p> </div> </section> <section id="footer"> <div class="footer__links"> <a href="#" class="navbar__link">PLACE</a> <a href="#" class="navbar__link">MAP</a> <a href="#" class="navbar__link">PHONE NUMBER</a> <a href="#" class="navbar__link">E-MAIL</a> </div> </section> </body> * { width: 100%; margin: auto; box-sizing: border-box; align-items: center; text-align: center; text-decoration: none; font-family: sans-serif; background-color: silver; } body { padding-left: 25%; padding-right: 25%; background: linear-gradient(to right, red 25%, silver 50%, red 25%); } <body> <a href="#" class="navbar__logo"><img src="images/Capture.JPG" alt="Logo of Company" class="logo"></a> <h2>For a Faster & Tastier World</h2> <p id="top__chat">An Extraordinary Invention To Make You Happier</p> <div class="navbar--menu"> <a href="#" class="navbar__link">Home</a> <a href="#" class="navbar__link">Products</a> <a href="#" class="navbar__link">About</a> </div> <section class="hero"> <div class="hero__image"> <img src="/images/super_mag_hero.jpg" alt="Super Mag" id="hero__image"> </div> <h4>Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit sunt, porro, accusamus hic ullam..</h4> </section> <section class="story"> <div id="mid__chat1"> <img src="images/sell_mag.jpeg" alt="Super Mag" class="mid_img1"> </div> <p class="mid_chat1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae aut, est perferendis veniam unde modi </p> </div> <h4>Lorem i perferendis tempora quo sint placeat fugiat!</h4> <br><br> <div id="mid__chat2"> <img src="images/sell_mag.jpeg" alt="Super Mag" class="mid_img2"> </div> <p class="mid_chat2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae aut, est perferendis .</p> </div> </section> <section id="footer"> <div class="footer__links"> <a href="#" class="navbar__link">PLACE</a> <a href="#" class="navbar__link">MAP</a> <a href="#" class="navbar__link">PHONE NUMBER</a> <a href="#" class="navbar__link">E-MAIL</a> </div> </section> </body> 即将删除<br>元素

html css background-color

回答 1 投票 0

如何在将鼠标悬停在表格上时突出显示表格的行和列？

我想做与此示例中完全相同的事情：http://jsfiddle.net/ThinkingStiff/rUhCa/。但是，当我尝试更改表格的背景颜色时，悬停并突出显示...

css html-table hover background-color

回答 3 投票 0

使用帖子网格向显示网格中的每一行添加交替背景

我有一个全宽 div，其中包含动态的帖子网格。列数取决于屏幕宽度，行数取决于帖子数量。我想要一个替代方案...

row css-grid background-color alternating

回答 1 投票 0

如何避免 CSS 透明过渡时背景颜色不匹配？

场景我最近在我的 CSS 中做了一个有趣的观察，我花了一些时间才明白到底发生了什么。例如，考虑以下代码片段，其中...