.elementor-2081 .elementor-element.elementor-element-672e7da{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2081 .elementor-element.elementor-element-81ec3a3{--display:flex;}.elementor-2081 .elementor-element.elementor-element-7016480{--display:flex;}.elementor-2081 .elementor-element.elementor-element-d82d1d3{--display:flex;}.elementor-2081 .elementor-element.elementor-element-81ac07d{--display:flex;}.elementor-2081 .elementor-element.elementor-element-82a57cb{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-5d1b963 */.custom-grid-style {
    display: grid;
    border: 2px solid #333; /* גבול חיצוני */
    border-radius: 8px; /* עיגול פינות */
    overflow: hidden; /* כדי שהגבול יישאר יפה */
}

.custom-grid-style > * {
    border: 1px solid #999; /* גבולות פנימיים */
    padding: 15px; /* רווח פנימי בתאים */
    text-align: center; /* יישור טקסט למרכז */
    background-color: #f9f9f9; /* צבע רקע */
    font-size: 16px; /* גודל טקסט */
    font-family: Arial, sans-serif; /* פונט */
    transition: background-color 0.3s ease; /* אנימציה */
}

.custom-grid-style > *:hover {
    background-color: #eaeaea; /* שינוי צבע בריחוף */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dca9413 */.elementor-2081 .elementor-element.elementor-element-dca9413 table tbody tr:nth-child(odd),
.elementor-2081 .elementor-element.elementor-element-dca9413 table tbody tr:nth-child(even) {
    background-color: #ffffff !important;
}

.elementor-2081 .elementor-element.elementor-element-dca9413 table tbody td {
    background-color: #ffffff !important;
    border: 1px solid #000 !important;
}

.elementor-2081 .elementor-element.elementor-element-dca9413 table thead th {
    background-color: #003366 !important;
    color: #ffffff !important;
    border: 1px solid #000 !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-412c7b9 */table, table tr, table td, table th {
    background-color: #ffffff !important; /* רקע לבן */
    border: 1px solid #000000 !important; /* גבול שחור */
}

table {
    border-collapse: collapse !important; /* איחוד גבולות */
    width: 100% !important;
}
.my-table tr:first-child {
    background-color: #007BFF !important; /* כחול לשורה */
}

.my-table tr:first-child th,
.my-table tr:first-child td {
    color: #ffffff !important; /* טקסט לבן בתאי השורה */
}


.my-table tr:first-child,
.my-table tr:first-child th,
.my-table tr:first-child td {
    background-color: #007BFF !important; /* כחול */
    color: #ffffff !important; /* טקסט לבן */
}
למה זה עובד?
אנחנו מגדירים גם לשורה וגם לכל התאים שבתוכה את הרקע הכחול.

מוסיפים !important כדי לעקוף את Elementor.

מוסיפים צבע לבן לטקסט כדי שייראה ברור.

✔ זה יגרום לשורה הראשונה להיראות עם רקע כחול וטקסט לבן.

📌 רוצה שאשלח לך עכשיו סט CSS מלא לטבלה שלך עם:

רקע לבן לכל הטבלה

גבולות שחורים

השורה הראשונה כחולה עם טקסט לבן

קוד מוכן להעתקה?

כן / לא?









Ask ChatGPT/* End custom CSS */